diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/main.scss | 29 | ||||
| -rw-r--r-- | sass/parts/_header.scss | 2 | ||||
| -rw-r--r-- | sass/skins/posixlycorrect.scss | 40 |
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; +} |
