Update bottom actions button colors for themes (#2075)

elixir-lang · Jan 27, 2025 · 0bf8b60 · 0bf8b60
1 parent 830f359
commit 0bf8b60
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/assets/css/content/bottom-actions.css b/assets/css/content/bottom-actions.css
@@ -25,12 +25,12 @@
 }
 .content-inner .bottom-actions .bottom-actions-button .subheader {
   font-size: .8em;
-  color: var(--bottomActionsBtnSubheader);
+  color: var(--textHeaders);
   white-space: nowrap;
 }
 
 .content-inner .bottom-actions .bottom-actions-button .title {
-  color: var(--textHeaders);
+  color: var(--bottomActionsBtnTitle);
 }
 
 .content-inner .bottom-actions .bottom-actions-button[rel="prev"] {

diff --git a/assets/css/custom-props/theme-dark.css b/assets/css/custom-props/theme-dark.css
@@ -51,7 +51,7 @@ body.dark {
   --tabShadow:                   var(--black);
 
   --bottomActionsBtnBorder:      var(--white-opacity-10);
-  --bottomActionsBtnSubheader:   var(--mainLight);
+  --bottomActionsBtnTitle:       var(--mainLightest);
 
   --modalBackground:             var(--gray800);
 

diff --git a/assets/css/custom-props/theme-light.css b/assets/css/custom-props/theme-light.css
@@ -51,7 +51,7 @@
   --tabShadow:                   var(--gray25);
 
   --bottomActionsBtnBorder:      var(--black-opacity-10);
-  --bottomActionsBtnSubheader:   var(--mainDark);
+  --bottomActionsBtnTitle:       var(--mainDark);
 
   --modalBackground:             var(--white);