Web Theme: Fixes & Add Gruvbox Theme (#112, Fixes #110)

tkashkin · Mar 4, 2023 · 645f8e9 · 645f8e9
1 parent 1004b9a
commit 645f8e9
Show file tree

Hide file tree

Showing 113 changed files with 859 additions and 11 deletions.
diff --git a/extras/colorthemes/adwaita/adwaita.theme b/extras/colorthemes/adwaita/adwaita.theme
@@ -57,6 +57,12 @@ warning = #F8E45CFF
 warning_bg = #CD9309FF
 warning_fg = #FFFFFFFF
 
+[button]
+button_fg = #FFFFFFFF
+
+[label]
+dim_label_fg = #FFFFFF8C
+
 [card]
 card_solid_bg = #3A3A3AFF
 

diff --git a/extras/colorthemes/breeze/breeze.theme b/extras/colorthemes/breeze/breeze.theme
@@ -57,6 +57,12 @@ warning = #FDBC4BFF
 warning_bg = #FDBC4BFF
 warning_fg = #FCFCFCFF
 
+[button]
+button_fg = #FCFCFCFF
+
+[label]
+dim_label_fg = #FCFCFC8C
+
 [card]
 card_solid_bg = #393C3FFF
 

diff --git a/extras/colorthemes/catppuccin-frappe/catppuccin-frappe.theme b/extras/colorthemes/catppuccin-frappe/catppuccin-frappe.theme
@@ -57,6 +57,12 @@ warning = #EF9E76FF
 warning_bg = #E5C990FF
 warning_fg = #232634FF
 
+[button]
+button_fg = #C6D0F5FF
+
+[label]
+dim_label_fg = #C6D0F58C
+
 [card]
 card_solid_bg = #454959FF
 

diff --git a/extras/colorthemes/catppuccin-macchiato/catppuccin-macchiato.theme b/extras/colorthemes/catppuccin-macchiato/catppuccin-macchiato.theme
@@ -57,6 +57,12 @@ warning = #F5A87FFF
 warning_bg = #EED49FFF
 warning_fg = #181926FF
 
+[button]
+button_fg = #CAD3F5FF
+
+[label]
+dim_label_fg = #CAD3F58C
+
 [card]
 card_solid_bg = #3A3D4EFF
 

diff --git a/extras/colorthemes/catppuccin-mocha/catppuccin-mocha.theme b/extras/colorthemes/catppuccin-mocha/catppuccin-mocha.theme
@@ -57,6 +57,12 @@ warning = #F5A97FFF
 warning_bg = #EED49FFF
 warning_fg = #11111BFF
 
+[button]
+button_fg = #CDD6F4FF
+
+[label]
+dim_label_fg = #CDD6F48C
+
 [card]
 card_solid_bg = #353543FF
 

diff --git a/extras/colorthemes/dracula/dracula.theme b/extras/colorthemes/dracula/dracula.theme
@@ -57,6 +57,12 @@ warning = #F1FA8CFF
 warning_bg = #F1FA8CFF
 warning_fg = #000000CC
 
+[button]
+button_fg = #F8F8F2FF
+
+[label]
+dim_label_fg = #F8F8F28C
+
 [card]
 card_solid_bg = #3E404BFF
 

diff --git a/extras/colorthemes/gruvbox/assets/avatar/mask.tga b/extras/colorthemes/gruvbox/assets/avatar/mask.tga
diff --git a/extras/colorthemes/gruvbox/assets/avatar/[email protected] b/extras/colorthemes/gruvbox/assets/avatar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/avatar/mask_backdrop.tga b/extras/colorthemes/gruvbox/assets/avatar/mask_backdrop.tga
diff --git a/extras/colorthemes/gruvbox/assets/avatar/[email protected] b/extras/colorthemes/gruvbox/assets/avatar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/checkbox/checked.tga b/extras/colorthemes/gruvbox/assets/checkbox/checked.tga
diff --git a/extras/colorthemes/gruvbox/assets/checkbox/[email protected] b/extras/colorthemes/gruvbox/assets/checkbox/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/checkbox/checked_disabled.tga b/extras/colorthemes/gruvbox/assets/checkbox/checked_disabled.tga
diff --git a/extras/colorthemes/gruvbox/assets/checkbox/[email protected] b/extras/colorthemes/gruvbox/assets/checkbox/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/checkbox/checked_hover.tga b/extras/colorthemes/gruvbox/assets/checkbox/checked_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/checkbox/[email protected] b/extras/colorthemes/gruvbox/assets/checkbox/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/checkbox_padded/checked.tga b/extras/colorthemes/gruvbox/assets/checkbox_padded/checked.tga
diff --git a/extras/colorthemes/gruvbox/assets/checkbox_padded/[email protected] b/extras/colorthemes/gruvbox/assets/checkbox_padded/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/checkbox_padded/checked_disabled.tga b/extras/colorthemes/gruvbox/assets/checkbox_padded/checked_disabled.tga
diff --git a/extras/colorthemes/gruvbox/assets/checkbox_padded/[email protected] b/extras/colorthemes/gruvbox/assets/checkbox_padded/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/checkbox_padded/checked_hover.tga b/extras/colorthemes/gruvbox/assets/checkbox_padded/checked_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/checkbox_padded/[email protected] b/extras/colorthemes/gruvbox/assets/checkbox_padded/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/bl.tga b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/bl.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/br.tga b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/br.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/tl.tga b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/tl.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/tr.tga b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/tr.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/12_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/bl.tga b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/bl.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/br.tga b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/br.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/tl.tga b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/tl.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/tr.tga b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/tr.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/40_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/bl.tga b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/bl.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/br.tga b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/br.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/tl.tga b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/tl.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/tr.tga b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/tr.tga
diff --git a/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected] b/extras/colorthemes/gruvbox/assets/corners/6_mask_window_bg/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/bl.tga b/extras/colorthemes/gruvbox/assets/focusring/12/bl.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/12/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/br.tga b/extras/colorthemes/gruvbox/assets/focusring/12/br.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/12/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/tl.tga b/extras/colorthemes/gruvbox/assets/focusring/12/tl.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/12/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/tr.tga b/extras/colorthemes/gruvbox/assets/focusring/12/tr.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/12/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/12/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/bl.tga b/extras/colorthemes/gruvbox/assets/focusring/6/bl.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/6/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/br.tga b/extras/colorthemes/gruvbox/assets/focusring/6/br.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/6/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/tl.tga b/extras/colorthemes/gruvbox/assets/focusring/6/tl.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/6/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/tr.tga b/extras/colorthemes/gruvbox/assets/focusring/6/tr.tga
diff --git a/extras/colorthemes/gruvbox/assets/focusring/6/[email protected] b/extras/colorthemes/gruvbox/assets/focusring/6/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/icons/inbox_unread.tga b/extras/colorthemes/gruvbox/assets/icons/inbox_unread.tga
diff --git a/extras/colorthemes/gruvbox/assets/icons/[email protected] b/extras/colorthemes/gruvbox/assets/icons/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/icons/inbox_unread_backdrop.tga b/extras/colorthemes/gruvbox/assets/icons/inbox_unread_backdrop.tga
diff --git a/extras/colorthemes/gruvbox/assets/icons/[email protected] b/extras/colorthemes/gruvbox/assets/icons/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/overlay/close_bg.tga b/extras/colorthemes/gruvbox/assets/overlay/close_bg.tga
diff --git a/extras/colorthemes/gruvbox/assets/overlay/[email protected] b/extras/colorthemes/gruvbox/assets/overlay/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton/checked.tga b/extras/colorthemes/gruvbox/assets/radiobutton/checked.tga
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton/[email protected] b/extras/colorthemes/gruvbox/assets/radiobutton/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton/checked_disabled.tga b/extras/colorthemes/gruvbox/assets/radiobutton/checked_disabled.tga
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton/[email protected] b/extras/colorthemes/gruvbox/assets/radiobutton/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton/checked_hover.tga b/extras/colorthemes/gruvbox/assets/radiobutton/checked_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton/[email protected] b/extras/colorthemes/gruvbox/assets/radiobutton/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton_padded/checked.tga b/extras/colorthemes/gruvbox/assets/radiobutton_padded/checked.tga
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton_padded/[email protected] b/extras/colorthemes/gruvbox/assets/radiobutton_padded/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton_padded/checked_disabled.tga b/extras/colorthemes/gruvbox/assets/radiobutton_padded/checked_disabled.tga
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton_padded/[email protected] b/extras/colorthemes/gruvbox/assets/radiobutton_padded/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton_padded/checked_hover.tga b/extras/colorthemes/gruvbox/assets/radiobutton_padded/checked_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/radiobutton_padded/[email protected] b/extras/colorthemes/gruvbox/assets/radiobutton_padded/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/bottom.tga b/extras/colorthemes/gruvbox/assets/scrollbar/bottom.tga
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/[email protected] b/extras/colorthemes/gruvbox/assets/scrollbar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/bottom_active.tga b/extras/colorthemes/gruvbox/assets/scrollbar/bottom_active.tga
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/[email protected] b/extras/colorthemes/gruvbox/assets/scrollbar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/bottom_hover.tga b/extras/colorthemes/gruvbox/assets/scrollbar/bottom_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/[email protected] b/extras/colorthemes/gruvbox/assets/scrollbar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/top.tga b/extras/colorthemes/gruvbox/assets/scrollbar/top.tga
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/[email protected] b/extras/colorthemes/gruvbox/assets/scrollbar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/top_active.tga b/extras/colorthemes/gruvbox/assets/scrollbar/top_active.tga
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/[email protected] b/extras/colorthemes/gruvbox/assets/scrollbar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/top_hover.tga b/extras/colorthemes/gruvbox/assets/scrollbar/top_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/scrollbar/[email protected] b/extras/colorthemes/gruvbox/assets/scrollbar/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/switch/checked.tga b/extras/colorthemes/gruvbox/assets/switch/checked.tga
diff --git a/extras/colorthemes/gruvbox/assets/switch/[email protected] b/extras/colorthemes/gruvbox/assets/switch/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/switch/checked_disabled.tga b/extras/colorthemes/gruvbox/assets/switch/checked_disabled.tga
diff --git a/extras/colorthemes/gruvbox/assets/switch/[email protected] b/extras/colorthemes/gruvbox/assets/switch/[email protected]
diff --git a/extras/colorthemes/gruvbox/assets/switch/checked_hover.tga b/extras/colorthemes/gruvbox/assets/switch/checked_hover.tga
diff --git a/extras/colorthemes/gruvbox/assets/switch/[email protected] b/extras/colorthemes/gruvbox/assets/switch/[email protected]
diff --git a/extras/colorthemes/gruvbox/gruvbox.theme b/extras/colorthemes/gruvbox/gruvbox.theme
@@ -0,0 +1,75 @@
+[general]
+bg = #282828FF
+fg = #EBDBB2FF
+
+[window]
+border = #FFFFFF26
+window_bg = #282828FF
+window_bg_transparent = #28282800
+window_fg = #EBDBB2FF
+
+[headerbar]
+headerbar_backdrop = #282828FF
+headerbar_bg = #3C3836FF
+headerbar_fg = #EBDBB2FF
+headerbar_shade = #00000061
+
+[popover]
+popover_bg = #3C3836FF
+popover_fg = #EBDBB2FF
+
+[toast]
+toast_bg = #000000B3
+toast_fg = #EBDBB2FF
+
+[view]
+view_bg = #1D2021FF
+view_fg = #EBDBB2FF
+
+[accent]
+accent = #B8BB26FF
+accent_bg = #98971AFF
+accent_fg = #EBDBB2FF
+accent_disabled = #B8BB2680
+accent_hover_bg = #B8BB2612
+accent_active_bg = #B8BB2629
+
+[destructive]
+destructive = #FB4934FF
+destructive_bg = #CC241DFF
+destructive_fg = #EBDBB2FF
+destructive_disabled = #FB483480
+destructive_hover_bg = #FB483412
+destructive_active_bg = #FB483429
+
+[error]
+error = #FB4934FF
+error_bg = #CC241DFF
+error_fg = #EBDBB2FF
+
+[success]
+success = #8EC07CFF
+success_bg = #689D6AFF
+success_fg = #EBDBB2FF
+
+[warning]
+warning = #FABD2FFF
+warning_bg = #D79921FF
+warning_fg = #EBDBB2FF
+
+[button]
+button_fg = #EBDBB2FF
+
+[label]
+dim_label_fg = #EBDBB28C
+
+[card]
+card_solid_bg = #3E3E3EFF
+
+[focusring]
+focusring = #B8BB2680
+
+[scrollbar]
+scrollbar = #665C5433
+scrollbar_hover = #665C5466
+scrollbar_active = #665C5499
diff --git a/extras/colorthemes/kate/kate.theme b/extras/colorthemes/kate/kate.theme
@@ -57,6 +57,12 @@ warning = #F8E45CFF
 warning_bg = #CD9309FF
 warning_fg = #000000FF
 
+[button]
+button_fg = #CFCFC2FF
+
+[label]
+dim_label_fg = #CFCFC28C
+
 [card]
 card_solid_bg = #393C3FFF
 

diff --git a/extras/colorthemes/nord/nord.theme b/extras/colorthemes/nord/nord.theme
@@ -57,6 +57,12 @@ warning = #EBCB8BFF
 warning_bg = #EBCB8BFF
 warning_fg = #2E3440FF
 
+[button]
+button_fg = #ECEFF4FF
+
+[label]
+dim_label_fg = #ECEFF48C
+
 [card]
 card_solid_bg = #434954FF
 

diff --git a/extras/colorthemes/one-pro/one-pro.theme b/extras/colorthemes/one-pro/one-pro.theme
@@ -57,6 +57,12 @@ warning = #E5C07BFF
 warning_bg = #E5C07BFF
 warning_fg = #282C34FF
 
+[button]
+button_fg = #ABB2BFFF
+
+[label]
+dim_label_fg = #ABB2BF8C
+
 [card]
 card_solid_bg = #3E4249FF
 

diff --git a/extras/colorthemes/pop/pop.theme b/extras/colorthemes/pop/pop.theme
@@ -57,6 +57,12 @@ warning = #F8E45CFF
 warning_bg = #CD9309FF
 warning_fg = #FFFFFFFF
 
+[button]
+button_fg = #FFFFFFFF
+
+[label]
+dim_label_fg = #FFFFFF8C
+
 [card]
 card_solid_bg = #454545FF
 

diff --git a/extras/colorthemes/tokyo-night/tokyo-night.theme b/extras/colorthemes/tokyo-night/tokyo-night.theme
@@ -57,6 +57,12 @@ warning = #FDD633FF
 warning_bg = #FDD633FF
 warning_fg = #000000DE
 
+[button]
+button_fg = #C0CAF5FF
+
+[label]
+dim_label_fg = #C0CAF58C
+
 [card]
 card_solid_bg = #31323CFF
 

diff --git a/extras/colorthemes/tomorrow-night/tomorrow-night.theme b/extras/colorthemes/tomorrow-night/tomorrow-night.theme
@@ -57,6 +57,12 @@ warning = #F0C674FF
 warning_bg = #F0C674FF
 warning_fg = #C5C8C6FF
 
+[button]
+button_fg = #C5C8C6FF
+
+[label]
+dim_label_fg = #C5C8C68C
+
 [card]
 card_solid_bg = #3E4043FF
 

diff --git a/extras/colorthemes/yaru/yaru.theme b/extras/colorthemes/yaru/yaru.theme
@@ -57,6 +57,12 @@ warning = #F99B11FF
 warning_bg = #F99B11FF
 warning_fg = #FFFFFFFF
 
+[button]
+button_fg = #F7F7F7FF
+
+[label]
+dim_label_fg = #F7F7F78C
+
 [card]
 card_solid_bg = #454545FF
 

diff --git a/extras/web/base/10_login.css b/extras/web/base/10_login.css
@@ -51,6 +51,7 @@
 	background: var(--card_bg) !important;
 	border-radius: var(--card_radius) !important;
 	border: none !important;
+	color: var(--fg) !important;
 	min-height: var(--entry_min_height_labeled) !important;
 	padding: var(--entry_padding_labeled) !important;
 	transition: var(--focus_transition) !important;

diff --git a/extras/web/base/3_library.css b/extras/web/base/3_library.css
@@ -3,7 +3,6 @@
 /* --------------- */
 
 /* Post Login Loading Screen */
-
 [class*="index_Container_"][class*="index_PreloadThrobber_"]
 {
 	background: var(--bg) !important;
@@ -36,16 +35,56 @@
 	background: var(--popover_bg) !important;
 }
 
+/* Showcase Headers */
+[class*="libraryhomeshowcases_CollectionDropDown_"] ._DialogInputContainer,
+[class*="libraryhomeshowcases_CountDisplay_"]
+{
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--title_2_weight) !important;
+	font-size: var(--title_2_size) !important;
+}
+
+[class*="appgrid_SortingDropDownLabel_"]
+{
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--title_3_weight) !important;
+	font-size: var(--title_3_size) !important;
+}
+
+[class*="appgrid_SortingDropDown_"] > ._DialogInputContainer
+{
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--baseweight) !important;
+}
+
+[class*="appgrid_SortingDropDown_"] > ._DialogInputContainer .DialogDropDown_Arrow svg
+{
+	fill: var(--fg) !important;
+}
+
+[class*="libraryhomerecentgames_AddedDate_"]
+{
+	color: var(--dim_label_fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--baseweight) !important;
+}
+
 /* Popup Elements */
 [class*="libraryhomeshowcases_CollectionDropDownContainer_"][class*="libraryhomeshowcases_CollectionDropDownContainer_"] ._DialogInputContainer[class*="dropdown_DialogDropDownMenu_"],
 .DialogMenuPosition[class*="appgrid_SortingDropDownContainer_"] > div,
 [class*="tooltip_TextToolTip_"],
-[class*="contextmenu_contextMenu_"]
+[class*="contextmenu_contextMenu_"],
+[class*="contextmenu_ContextMenuFocusContainer_"] [class*="dropdown_DialogDropDownMenu_Item_"]
 {
 	background: var(--popover_bg) !important;
 	border: none !important;
 	border-radius: var(--menu_radius) !important;
 	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--baseweight) !important;
 }
 
 [class*="contextmenu_ContextMenuFocusContainer_"] [class*="dropdown_DialogDropDownMenu_Item_"]:hover,
@@ -122,6 +161,14 @@
 	border-radius: var(--button_radius) !important;
 }
 
+[class*="gamelisthome_Label_"]
+{
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-size: var(--button_font_size) !important;
+	font-weight: var(--button_font_weight) !important;
+}
+
 [class*="gamelisthome_CollectionIconBox_"]
 {
 	background: var(--button_fg) !important;
@@ -147,6 +194,10 @@
 	background: var(--button_bg) !important;
 	border: none !important;
 	border-radius: var(--button_radius) !important;
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-size: var(--button_font_size) !important;
+	font-weight: var(--button_font_weight) !important;
 }
 
 [class*="gamelistdropdown_MenuHeader_"]:hover,
@@ -244,7 +295,8 @@
 [class*="gamelistsectionheader_SectionName"]
 {
 	color: var(--fg) !important;
-	font-weight: 500 !important;
+	font-weight: var(--title_3_weight) !important;
+	font-family: var(--basefont) !important;
 }
 
 [class*="gamelistsectionheader_Container_"],
@@ -260,6 +312,20 @@
 	padding-left: 6px !important;
 }
 
+[class*="gamelistentry_Installed_"]
+{
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--baseweight) !important;
+}
+
+[class*="gamelistentry_Uninstalled_"]
+{
+	color: var(--dim_label_fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--baseweight) !important;
+}
+
 [class*="gamelist_Container_"] .ReactVirtualized__Grid[style*="overflow: hidden;"]
 {
 	/* Only try to pad if the list doesnt overflow */

diff --git a/extras/web/base/4_collections.css b/extras/web/base/4_collections.css
@@ -16,3 +16,18 @@
 	background: var(--button_hover_bg) !important;
 }
 
+/* Title */
+[class*="allcollections_Label_"]
+{
+	color: var(--fg) !important;
+	font-family: var(--basefont) !important;
+	font-weight: var(--title_2_weight) !important;
+	font-size: var(--title_2_size) !important;
+}
+
+/* Horiz Rule */
+[class*="allcollections_Rule_"]
+{
+	background-color: var(--dim_label_fg) !important;
+	opacity: 0.55 !important;
+}