💄 add new theme "Chimera-nightsky"

.github/actions/compile-themes/action.yml

@@ -20,4 +20,5 @@ runs:
           sass src/themes/chimera-dark.scss build/chimera-dark.css
           sass src/themes/chimera-golden.scss build/chimera-golden.css
           sass src/themes/chimera-autumn.scss build/chimera-autumn.css
+          sass src/themes/chimera-nightsky.scss build/chimera-nightsky.css
         shell: bash

README.md

@@ -91,6 +91,16 @@ Chimera-autumn
 />
 ```
 
+Chimera-nightsky
+
+```html
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://unpkg.com/chimeracss@:version/build/chimera-nightsky.css"
+/>
+```
+
 ### Theme comparisons
 
 <div>
@@ -129,6 +139,13 @@ Chimera-autumn
       alt="Chimera"
       width="50%" 
     />
+    <h4>Chimera-nightsky:</h4>
+    <img  
+      align="center" 
+      src="./public/img/chimera-nightsky.png"
+      alt="Chimera"
+      width="50%" 
+    />
 
 </div>
 

src/themes/chimera-nightsky.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(210, 90%, 30%); // Dark Blue
+$Chimera-dark: hsl(210, 90%, 20%); // Darker Blue
+$Chimera-darker: hsl(210, 90%, 10%); // Darkest Blue
+$Chimera-text: hsl(0, 0%, 95%); // Light Gray
+$Chimera-text-secondary: hsl(0, 0%, 75%);
+$Chimera-text-disabled: hsl(210, 30%, 60%);
+$Chimera-bg: hsl(210, 30%, 15%); // Very Dark Blue
+$Chimera-bg-secondary: hsl(210, 20%, 10%);
+$Chimera-link: hsl(210, 90%, 40%);
+$Chimera-focus: hsl(280, 70%, 50%);
+$Chimera-fill: hsla(210, 90%, 30%, 10%);
+$Chimera-border: hsl(210, 30%, 20%);
+
+@import "../elements/main";