Blast and lair work, --alt-control-color

EternityForest · Nov 9, 2023 · d8341ea · d8341ea
1 parent 569250e
commit d8341ea
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 14 deletions.
diff --git a/css/barrel.css b/css/barrel.css
@@ -104,6 +104,8 @@
         --bg: var(--black-1);
         --box-bg: var(--black-2);
         --control-bg: var(--black-4);
+        /*Used when control is on top of something already control-bg colored*/
+        --alt-control-bg: var(--box-bg);
         --accent-color: var(--grey-2);
 
         --fg: var(--grey-3);
@@ -264,7 +266,7 @@ footer {
 
 header *,
 footer * {
-    --control-bg: var(--box-bg);
+    --control-bg: var(--alt-control-bg);
 }
 
 

diff --git a/css/blast.css b/css/blast.css
@@ -16,26 +16,27 @@
         --dark-blue: rgb(0 46 191);
         --fg: #620d0d;
         --graphical-fg: #00188d;
-        --accent-color: rgb(0 255 42);
-        --bg: #2c9f43;
-        --box-bg: #622fb0;
+        --accent-color: rgb(205 255 105);
+        --bg: #9c863a;
+        --box-bg: #67ad4b;
         --highlight-opacity: 25%;
         --main-font: sans-serif;
         --padding: 2px;
         --gap: 2px;
-        --border-color: #00ffe6;
-        --border-radius: 1.2rem;
+        --border-color: #705d00;
+        --border-radius: 0.4rem;
         --border-width: 1px;
         --control-height: 28px;
-        --control-border-radius: 12px;
+        --control-border-radius: 6px;
         --control-border-width: 1px;
-        --3d-highlight: #dc7d09;
-        --3d-shadow: #ffd744;
+        --3d-shadow: #dc7d09;
+        --3d-highlight: #ffd744;
         --concave-item-bg: linear-gradient(180deg, var(--3d-shadow) 12%, var(--3d-highlight) 88%);
         --convex-item-bg: linear-gradient(180deg, var(--3d-highlight) 0%, var(--3d-shadow) 96%);
         --convex-item-active-bg: var(--concave-item-bg);
         --concave-item-box-shadow: inset 0px 0px 4px 2px #3838381f;
         --control-bg: #ffc400;
+        --alt-control-bg: #ffd744;
         --control-fg: #412600;
         --highlight-color: var(--teal);
         --success-color: var(--green);
@@ -46,4 +47,8 @@
         --danger-fg: color-mix(in srgb, var(--danger-color) 70%, var(--fg));
         --control-border-color: color-mix(in srgb, var(--graphical-fg) 35%, rgb(0 0 0 / 0%));
         --thin-border: 1px solid var(--border-color);
+    }
+
+    header * {
+        padding: var(--padding);
     }
diff --git a/css/lair.css b/css/lair.css
@@ -1,22 +1,22 @@
 :root {
     color-scheme: light dark;
-    --red: red;
-    --fg: #e72323;
-    --graphical-fg: #aaadbc;
+    --red: rgb(255, 0, 119);
+    --fg: #bb5371;
+    --graphical-fg: #1a091a;
     --accent-color: rgb(182 83 0);
     --bg: #49011c;
     --box-bg: #2e2424;
     --highlight-opacity: 25%;
     --main-font: sans-serif;
     --padding: 2px;
     --gap: 2px;
-    --border-color: #785073;
+    --border-color: #1a091a;
     --border-radius: 0rem;
     --border-width: 1px;
     --control-height: 28px;
     --control-border-radius: 0px;
     --control-border-width: 1px;
-    --3d-highlight: #9d0016;
+    --3d-highlight: #9d0092;
     --3d-shadow: #5c3c3c;
     --concave-item-bg: linear-gradient(180deg, var(--3d-shadow) 12%, var(--3d-highlight) 88%);
     --convex-item-bg: linear-gradient(180deg, var(--3d-highlight) 0%, var(--3d-shadow) 96%);