💄 added new theme "Chimera-autumn" (#78)

* 💄 added new theme "Chimera-autumn" Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com> * 🚨 fix compiler warning Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com> * 💄 update text-secondary to white Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com> * 📝 update README Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com> --------- Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
MarkusJohansen · Jan 11, 2024 · efcc011 · efcc011
1 parent 27d6130
commit efcc011
Show file tree

Hide file tree

Showing 6 changed files with 329 additions and 2 deletions.
diff --git a/.github/actions/compile-themes/action.yml b/.github/actions/compile-themes/action.yml
@@ -18,5 +18,6 @@ runs:
         run: |
           sass src/themes/chimera.scss build/chimera.css
           sass src/themes/chimera-dark.scss build/chimera-dark.css
-          sass src/themes/chimera-golden.scss build/chimera-golden.css 
-        shell: bash
+          sass src/themes/chimera-golden.scss build/chimera-golden.css
+          sass src/themes/chimera-autumn.scss build/chimera-autumn.css
+        shell: bash
diff --git a/README.md b/README.md
@@ -81,6 +81,16 @@ Chimera-golden
 />
 ```
 
+Chimera-autumn
+
+```html
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://unpkg.com/chimeracss@:version/build/chimera-autumn.css"
+/>
+```
+
 ### Theme comparisons
 
 <div>
@@ -112,6 +122,13 @@ Chimera-golden
       alt="Chimera"
       width="50%" 
     />
+    <h4>Chimera-autumn:</h4>
+    <img  
+      align="center" 
+      src="./public/img/chimera-autumn.png"
+      alt="Chimera"
+      width="50%" 
+    />
 
 </div>
 

diff --git a/build/chimera-autumn.css b/build/chimera-autumn.css
diff --git a/build/chimera-autumn.css.map b/build/chimera-autumn.css.map
diff --git a/public/img/chimera-autumn.png b/public/img/chimera-autumn.png
diff --git a/src/themes/chimera-autumn.scss b/src/themes/chimera-autumn.scss
@@ -0,0 +1,19 @@
+// fonts
+$font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+  "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+
+//Color palette
+$Chimera: hsl(25, 80%, 55%); // Rusty Red
+$Chimera-dark: hsl(25, 80%, 40%); // Dark Rust
+$Chimera-darker: hsl(25, 80%, 25%); // Deep Rust
+$Chimera-text: hsl(25, 50%, 20%); // Dark Brown (revised for better contrast)
+$Chimera-text-secondary: #fff; // Dark Gray
+$Chimera-text-disabled: hsl(25, 50%, 40%);
+$Chimera-bg: hsl(30, 45%, 95%); // Soft Orange
+$Chimera-bg-secondary: hsl(30, 30%, 90%);
+$Chimera-link: hsl(25, 80%, 55%);
+$Chimera-focus: hsl(15, 80%, 50%);
+$Chimera-fill: hsla(25, 80%, 55%, 10%);
+$Chimera-border: hsl(25, 25%, 80%);
+
+@import "../elements/main";