Update color theme to white and blue

- Border accent shadow effect that makes assets float of page
- Apply border accent to image captions
This commit is contained in:
2024-02-18 13:12:41 +01:00
parent fee7ae097b
commit b5513a8111
6 changed files with 39 additions and 13 deletions

View File

@@ -11,30 +11,40 @@
font-weight: bold;
src: url("/assets/fonts/FiraCode-Bold.ttf");
}
@font-face {
font-family: "Post title font";
src: url("/assets/fonts/font-title.woff2");
}
@font-face {
font-family: "Post subtitle font";
src: url("/assets/fonts/font-subtitle.woff2");
}
$text-color: white;
$background-color: #222129;
$brand-color: #fea86a;
$text-color: #4B5361;
$background-color: #F6F5EF;
$brand-color: rgb(8, 76, 207, 0.8);
:root {
--font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
--font-size: 16px;
--font-weight: 400;
--font-size-small: 14px;
--line-height: 1.5;
--line-height: 1.625;
--spacing-unit: 2.5em;
--text-color: $text-color;
--background-color: $background-color;
--brand-color: $brand-color;
--text-color: #4B5361;
--background-color: #F6F5EF;
--brand-color: rgb(8, 76, 207, 0.8);
--border-color: hsla(0, 0%, 100%, 0.1);
}
$base-font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace !default;
$base-font-size: 16px !default;
$base-font-weight: 400 !default;
$small-font-size: $base-font-size * 0.875 !default;
$base-line-height: 1.5 !default;
$base-line-height: 1.625 !default;
$spacing-unit: 2.5em !default;