summaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
Diffstat (limited to 'sass')
-rw-r--r--sass/main.scss29
-rw-r--r--sass/parts/_header.scss2
-rw-r--r--sass/skins/posixlycorrect.scss40
3 files changed, 47 insertions, 24 deletions
diff --git a/sass/main.scss b/sass/main.scss
index d1470ff..6433d2c 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -27,26 +27,9 @@
@use 'parts/_zola-error.scss';
@font-face {
- src: local('Inter'),
- url('fonts/Inter4.woff2') format("woff2");
- /* Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter). Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
- font-family: 'Inter';
- font-display: swap;
-}
-
-@font-face {
- src: local('Source Serif'),
- url('fonts/SourceSerif4Variable-Roman.ttf.woff2') format("woff2");
- /* Copyright 2014 - 2023 Adobe (http://www.adobe.com/), with Reserved Font Name ‘Source’.adobe.com/). Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
- font-family: 'Source Serif';
- font-display: swap;
-}
-
-@font-face {
- src: local('Cascadia Code'),
- url('fonts/CascadiaCode-SemiLight.woff2') format("woff2");
- /* Copyright 2019 - Present, Microsoft Corporation, with Reserved Font Name 'Cascadia Code'. Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
- font-family: 'Cascadia Code';
+ src: local('JetBrainsMono'),
+ url('fonts/JetBrainsMonoNLNerdFont-Regular.ttf') format("truetype");
+ font-family: 'JetBrainsMono';
font-display: swap;
}
@@ -97,9 +80,9 @@
--small-layout-width: 200px;
--paragraph-spacing: max(2.3vmin, 24px);
- --sans-serif-font: 'Inter', Helvetica, Arial, sans-serif;
- --serif-font: 'Source Serif', 'Georgia', serif;
- --code-font: 'Cascadia Code';
+ --sans-serif-font: 'JetBrainsMono', Helvetica, Arial, sans-serif;
+ --serif-font: 'JetBrainsMono', 'Georgia', serif;
+ --code-font: 'JetBrainsMono';
scrollbar-color: var(--primary-color) transparent;
accent-color: var(--primary-color);
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index 414aa82..4640d1b 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -1,6 +1,6 @@
header {
width: 100%;
- font-family: 'Inter Subset', var(--sans-serif-font);
+ font-family: 'JetBrainsMono', var(--sans-serif-font);
}
.page-header {
diff --git a/sass/skins/posixlycorrect.scss b/sass/skins/posixlycorrect.scss
new file mode 100644
index 0000000..47b6c2c
--- /dev/null
+++ b/sass/skins/posixlycorrect.scss
@@ -0,0 +1,40 @@
+/* general */
+
+
+/* theme */
+@mixin theme-variables($theme) {
+ @if $theme =='light' {
+ --primary-color: #FC9300;
+ --background-color: #131a21;
+ }
+ @else if $theme == 'dark' {
+ --primary-color: #FC9300;
+ --background-color: #131a21;
+ }
+}
+
+:root {
+ @include theme-variables('light');
+}
+
+[data-theme='dark'] {
+ @include theme-variables('dark');
+}
+
+@media (prefers-color-scheme: dark) {
+ :root:not([data-theme='light']) {
+ @include theme-variables('dark');
+ }
+}
+
+
+/* header */
+.home-title {
+ background-color: var(--primary-color);
+ color: var(--background-color);
+ padding: 0.12rem;
+}
+
+.nav-links {
+ text-decoration: underline;
+}