From 06b60ca5820feb30a626321c00a8bc10e6a96515 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Thu, 14 Jan 2021 12:26:25 -0500
Subject: [PATCH] feat: update toc and theme toggle to use new icon opacity

---
 .../skins.citizen.styles.theme.less                       | 8 ++++++--
 .../skins.citizen.styles.toc.less                         | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/resources/skins.citizen.styles.theme/skins.citizen.styles.theme.less b/resources/skins.citizen.styles.theme/skins.citizen.styles.theme.less
index dfb6215d..4a1e1859 100644
--- a/resources/skins.citizen.styles.theme/skins.citizen.styles.theme.less
+++ b/resources/skins.citizen.styles.theme/skins.citizen.styles.theme.less
@@ -9,12 +9,16 @@
 	background-repeat: no-repeat;
 	cursor: pointer;
 	font-size: 0;
-	opacity: @opacity-icon;
+	opacity: var( --opacity-icon-base );
 	outline: 0;
 	transition: @transition-transform-quick, @transition-opacity-quick;
 
 	&:hover {
-		opacity: @opacity-icon-active;
+		opacity: var( --opacity-icon-base--hover );
+	}
+
+	&:active {
+		opacity: var( --opacity-icon-base--active );
 	}
 }
 
diff --git a/resources/skins.citizen.styles.toc/skins.citizen.styles.toc.less b/resources/skins.citizen.styles.toc/skins.citizen.styles.toc.less
index f8fb930b..e7d71f46 100644
--- a/resources/skins.citizen.styles.toc/skins.citizen.styles.toc.less
+++ b/resources/skins.citizen.styles.toc/skins.citizen.styles.toc.less
@@ -135,18 +135,22 @@
 					.boxshadow(5);
 
 					&:before {
-						opacity: @opacity-icon-active;
+						opacity: var( --opacity-icon-base--hover );
 					}
 				}
 
 				&:active {
 					background-color: var( --background-color-dp-02 );
+
+					&:before {
+						opacity: var( --opacity-icon-base--active );
+					}
 				}
 
 				&:before {
 					.resource-loader-icon;
 					display: block;
-					opacity: @opacity-icon;
+					opacity: var( --opacity-icon-base );
 				}
 			}