Add import button to styles.

pixelcrisis · Mar 22, 2022 · 69850ef · 69850ef
1 parent 529dcf3
commit 69850ef
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 1 deletion.
diff --git a/sass/styles/_base.sass b/sass/styles/_base.sass
@@ -39,4 +39,7 @@ body.th-midnight
     @extend %full-filter
 
   #{$filter-mute}
-    @extend %mute-filter
+    @extend %mute-filter
+
+  #{$filter-dark}
+    @extend %dark-filter
diff --git a/sass/styles/_list.sass b/sass/styles/_list.sass
@@ -11,4 +11,6 @@ $filter-main: ".ts-shift-main, #topBG .room-search-input .mag-glass, #topBG .roo
 
 $filter-full: ".ts-shift-invert, #topBG .room-list .roomListItem .roomDJs.needed .icon, #settings.settings-dropdown .logout:before"
 
+$filter-dark: ".ts-dark-filter, #upload-button button"
+
 $filter-mute: ".ts-shift-mute, #topBG .room-list .roomListItem .roomListeners .icon, #topBG .room-list .roomListItem .roomDJs:not(.needed) .icon, .header-social div, .tab-item:not(.selected):not(:hover) .tab-icon, #settings.settings-dropdown .dropdown .option .option:before, .chat-bar .chatsound"
diff --git a/sass/styles/blue.sass b/sass/styles/blue.sass
@@ -15,6 +15,9 @@ $tint: 110deg
 %full-filter
 	@include paint($tint + 50deg, 4, 0.55, 1)
 
+%dark-filter
+	@include paint($tint + 50deg, 4, 0.35, 1)
+
 %mute-filter
 	@include paint($tint + 70deg, 2, 0.4)
 

diff --git a/sass/styles/green.sass b/sass/styles/green.sass
@@ -15,6 +15,9 @@ $tint: 20deg
 %full-filter
 	@include paint($tint + 50deg, 3, 0.65, 1)
 
+%dark-filter
+	@include paint($tint + 50deg, 3, 0.35, 1)
+
 %mute-filter
 	@include paint($tint + 70deg, 1.5, 0.4)
 

diff --git a/sass/styles/pink.sass b/sass/styles/pink.sass
@@ -15,6 +15,9 @@ $tint: 200deg
 %full-filter
 	@include paint($tint + 50deg, 3, 0.55, 1)
 
+%dark-filter
+	@include paint($tint + 50deg, 3, 0.25, 1)
+
 %mute-filter
 	@include paint($tint + 70deg, 1.5, 0.4)
 

diff --git a/sass/styles/purple.sass b/sass/styles/purple.sass
@@ -15,6 +15,9 @@ $tint: 145deg
 %full-filter
 	@include paint($tint + 50deg, 4, 0.55, 1)
 
+%dark-filter
+	@include paint($tint + 50deg, 4, 0.25, 1)
+
 %mute-filter
 	@include paint($tint + 70deg, 2, 0.4)
 

diff --git a/sass/styles/teal.sass b/sass/styles/teal.sass
@@ -15,6 +15,9 @@ $tint: 75deg
 %full-filter
 	@include paint($tint + 50deg, 4, 0.55, 1)
 
+%dark-filter
+	@include paint($tint + 50deg, 4, 0.25, 1)
+
 %mute-filter
 	@include paint($tint + 70deg, 2, 0.4)
Original file line number	Diff line number	Diff line change
Expand Up		@@ -11,4 +11,6 @@ $filter-main: ".ts-shift-main, #topBG .room-search-input .mag-glass, #topBG .roo

		$filter-full: ".ts-shift-invert, #topBG .room-list .roomListItem .roomDJs.needed .icon, #settings.settings-dropdown .logout:before"

		$filter-dark: ".ts-dark-filter, #upload-button button"

		$filter-mute: ".ts-shift-mute, #topBG .room-list .roomListItem .roomListeners .icon, #topBG .room-list .roomListItem .roomDJs:not(.needed) .icon, .header-social div, .tab-item:not(.selected):not(:hover) .tab-icon, #settings.settings-dropdown .dropdown .option .option:before, .chat-bar .chatsound"