Update theme 😎

Whisky-App · May 15, 2024 · 8d804c2 · 8d804c2
1 parent 82f4c22
commit 8d804c2
Show file tree

Hide file tree

Showing 19 changed files with 1,024 additions and 140 deletions.
diff --git a/theme/css/chrome.css b/theme/css/chrome.css
diff --git a/theme/css/general.css b/theme/css/general.css
@@ -9,7 +9,6 @@
 }
 
 html {
-    font-family: "Open Sans", sans-serif;
     color: var(--fg);
     background-color: var(--bg);
     text-size-adjust: none;
@@ -92,6 +91,9 @@ h6:target::before {
     box-sizing: border-box;
     background-color: var(--bg);
 }
+.sidebar {
+    display: flex;
+}
 .no-js .page-wrapper,
 .js:not(.sidebar-resizing) .page-wrapper {
     transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */

diff --git a/theme/css/variables.css b/theme/css/variables.css
@@ -6,7 +6,7 @@
     --content-max-width: 750px;
     --menu-bar-height: 50px;
     --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
-    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
+    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */;
 }
 
 .hljs {

diff --git a/theme/fonts/Rubik-Black.ttf b/theme/fonts/Rubik-Black.ttf
diff --git a/theme/fonts/Rubik-BlackItalic.ttf b/theme/fonts/Rubik-BlackItalic.ttf
diff --git a/theme/fonts/Rubik-Bold.ttf b/theme/fonts/Rubik-Bold.ttf
diff --git a/theme/fonts/Rubik-BoldItalic.ttf b/theme/fonts/Rubik-BoldItalic.ttf
diff --git a/theme/fonts/Rubik-ExtraBold.ttf b/theme/fonts/Rubik-ExtraBold.ttf
diff --git a/theme/fonts/Rubik-ExtraBoldItalic.ttf b/theme/fonts/Rubik-ExtraBoldItalic.ttf
diff --git a/theme/fonts/Rubik-Italic.ttf b/theme/fonts/Rubik-Italic.ttf
diff --git a/theme/fonts/Rubik-Light.ttf b/theme/fonts/Rubik-Light.ttf
diff --git a/theme/fonts/Rubik-LightItalic.ttf b/theme/fonts/Rubik-LightItalic.ttf
diff --git a/theme/fonts/Rubik-Medium.ttf b/theme/fonts/Rubik-Medium.ttf
diff --git a/theme/fonts/Rubik-MediumItalic.ttf b/theme/fonts/Rubik-MediumItalic.ttf
diff --git a/theme/fonts/Rubik-Regular.ttf b/theme/fonts/Rubik-Regular.ttf
diff --git a/theme/fonts/Rubik-SemiBold.ttf b/theme/fonts/Rubik-SemiBold.ttf
diff --git a/theme/fonts/Rubik-SemiBoldItalic.ttf b/theme/fonts/Rubik-SemiBoldItalic.ttf
diff --git a/theme/fonts/fonts.css b/theme/fonts/fonts.css
@@ -0,0 +1,98 @@
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Light.ttf) format('truetype');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Light.ttf) format('truetype');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Regular.ttf) format('truetype');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Regular.ttf) format('truetype');
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Medium.ttf) format('truetype');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Medium.ttf) format('truetype');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-SemiBold.ttf) format('truetype');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-SemiBold.ttf) format('truetype');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Bold.ttf) format('truetype');
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Bold.ttf) format('truetype');
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-ExtraBold.ttf) format('truetype');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-ExtraBold.ttf) format('truetype');
+    font-weight: 800;
+    font-style: italic;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Black.ttf) format('truetype');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: 'Rubik';
+    src: url(/fonts/Rubik-Black.ttf) format('truetype');
+    font-weight: 900;
+    font-style: italic;
+    font-display: swap;
+}
diff --git a/theme/index.hbs b/theme/index.hbs