remove theme-nord classname

kraanzu · Dec 24, 2023 · 5fa214a · 5fa214a
1 parent 1d6c7ce
commit 5fa214a
Show file tree

Hide file tree

Showing 2 changed files with 82 additions and 98 deletions.
diff --git a/termtyper/ui/css/themes/nord.sass b/termtyper/ui/css/themes/nord.sass
@@ -22,120 +22,104 @@ BaseWindow
 /* Header
 
 Header
-  &.theme-nord
-    background: $black2
+  background: $black2
 
 NavItem
-  &.theme-nord
-    color: $white1
+  color: $white1
 
-    &.active
-      color: $frost_cyan
+  &.active
+    color: $frost_cyan
 
-    &:hover
-      color: $frost_blue
+  &:hover
+    color: $frost_blue
 
 /* Main Screens
 
 Space
-  &.theme-nord
-    color: $white1 75%
+  color: $white1 75%
 
 /* Other Widgets
 
 Palette
-  &.theme-nord
-    color: $frost_blue 70%
+  color: $frost_blue 70%
 
-    &:hover
-      color: $frost_blue
+  &:hover
+    color: $frost_blue
 
 Setting
-  &.theme-nord
-    border: heavy $black2
+  border: heavy $black2
 
-    &.selected
-      background: $black3
-      border: blank
+  &.selected
+    background: $black3
+    border: blank
 
 OptionItem
-  &.theme-nord
-    color: $white1
+  color: $white1
 
-    &.selected
-      color: $black2
-      background: $frost_cyan
+  &.selected
+    color: $black2
+    background: $frost_cyan
 
 NumberScroll
-  &.theme-nord
-    .scroll--background
-      background: $frost_cyan
-      color: $black2
+  .scroll--background
+    background: $frost_cyan
+    color: $black2
 
 
 SettingDescription
-  &.theme-nord
-    .setting--header
-      color: $frost_green
-    .setting--info
-      color: $aurora_yellow
-    .setting--option
-      color: $aurora_purple
-    .setting--option-description
-      color: $white1
+  .setting--header
+    color: $frost_green
+  .setting--info
+    color: $aurora_yellow
+  .setting--option
+    color: $aurora_purple
+  .setting--option-description
+    color: $white1
 
 Ticker
-  &.theme-nord
-    color: $frost_blue
+  color: $frost_blue
 
 
 StripSetting
-  &.theme-nord
-    background: $black2
+  background: $black2
 
-    &.enabled
-      color: $frost_blue
-      text-style: bold
+  &.enabled
+    color: $frost_blue
+    text-style: bold
 
-    &:hover
-      color: $frost_cyan
+  &:hover
+    color: $frost_cyan
 
 StripSeparator
-  &.theme-nord
-    color: $black4
-    background: $black2
+  color: $black4
+  background: $black2
 
 Bracket
-  &.theme-nord
-    color: $black2
+  color: $black2
 
 Label
-  &.theme-nord
-    color: $white1
+  color: $white1
 
-    &:hover
-      color: $frost_blue
+  &:hover
+    color: $frost_blue
 
 Section
-  &.theme-nord
-    color: $aurora_yellow
+  color: $aurora_yellow
 
 // Miscellaneous
 
 BaseWindow
-  &.theme-nord
-    scrollbar-background: $black1
-    scrollbar-background-active: $black2
-    scrollbar-background-hover: $black2
-    scrollbar-color: $frost_blue
-    scrollbar-color-active: $frost_cyan
-    scrollbar-color-hover: $frost_blue2
+  scrollbar-background: $black1
+  scrollbar-background-active: $black2
+  scrollbar-background-hover: $black2
+  scrollbar-color: $frost_blue
+  scrollbar-color-active: $frost_cyan
+  scrollbar-color-hover: $frost_blue2
 
 Sponsor
-  &.theme-nord
-    link-background: $black2
-    link-background-hover: $black3
-    link-color: $frost_blue
-    link-color-hover: $frost_cyan
-    link-style: underline
-    link-style-hover: underline italic
+  link-background: $black2
+  link-background-hover: $black3
+  link-color: $frost_blue
+  link-color-hover: $frost_cyan
+  link-style: underline
+  link-style-hover: underline italic
diff --git a/termtyper/ui/css/themes/nord.tcss b/termtyper/ui/css/themes/nord.tcss
@@ -4,103 +4,103 @@ BaseWindow {
 }
 
 /* Header */
-Header.theme-nord {
+Header {
   background: #3b4252;
 }
 
-NavItem.theme-nord {
+NavItem {
   color: #d8dee9;
 }
-NavItem.theme-nord.active {
+NavItem.active {
   color: #88c0d0;
 }
-NavItem.theme-nord:hover {
+NavItem:hover {
   color: #81a1c1;
 }
 
 /* Main Screens */
-Space.theme-nord {
+Space {
   color: #d8dee9 75%;
 }
 
 /* Other Widgets */
-Palette.theme-nord {
+Palette {
   color: #81a1c1 70%;
 }
-Palette.theme-nord:hover {
+Palette:hover {
   color: #81a1c1;
 }
 
-Setting.theme-nord {
+Setting {
   border: heavy #3b4252;
 }
-Setting.theme-nord.selected {
+Setting.selected {
   background: #434c5e;
   border: blank;
 }
 
-OptionItem.theme-nord {
+OptionItem {
   color: #d8dee9;
 }
-OptionItem.theme-nord.selected {
+OptionItem.selected {
   color: #3b4252;
   background: #88c0d0;
 }
 
-NumberScroll.theme-nord .scroll--background {
+NumberScroll .scroll--background {
   background: #88c0d0;
   color: #3b4252;
 }
 
-SettingDescription.theme-nord .setting--header {
+SettingDescription .setting--header {
   color: #8fbcbb;
 }
-SettingDescription.theme-nord .setting--info {
+SettingDescription .setting--info {
   color: #ebcb8b;
 }
-SettingDescription.theme-nord .setting--option {
+SettingDescription .setting--option {
   color: #b48ead;
 }
-SettingDescription.theme-nord .setting--option-description {
+SettingDescription .setting--option-description {
   color: #d8dee9;
 }
 
-Ticker.theme-nord {
+Ticker {
   color: #81a1c1;
 }
 
-StripSetting.theme-nord {
+StripSetting {
   background: #3b4252;
 }
-StripSetting.theme-nord.enabled {
+StripSetting.enabled {
   color: #81a1c1;
   text-style: bold;
 }
-StripSetting.theme-nord:hover {
+StripSetting:hover {
   color: #88c0d0;
 }
 
-StripSeparator.theme-nord {
+StripSeparator {
   color: #4c566a;
   background: #3b4252;
 }
 
-Bracket.theme-nord {
+Bracket {
   color: #3b4252;
 }
 
-Label.theme-nord {
+Label {
   color: #d8dee9;
 }
-Label.theme-nord:hover {
+Label:hover {
   color: #81a1c1;
 }
 
-Section.theme-nord {
+Section {
   color: #ebcb8b;
 }
 
-BaseWindow.theme-nord {
+BaseWindow {
   scrollbar-background: #2e3440;
   scrollbar-background-active: #3b4252;
   scrollbar-background-hover: #3b4252;
@@ -109,7 +109,7 @@ BaseWindow.theme-nord {
   scrollbar-color-hover: #5e81ac;
 }
 
-Sponsor.theme-nord {
+Sponsor {
   link-background: #3b4252;
   link-background-hover: #434c5e;
   link-color: #81a1c1;