michael/blog
1
0
Fork 0
Code Issues 2 Pull requests Releases Packages 1 Wiki Activity

dot color
All checks were successful
ci/woodpecker/push/deploy Pipeline was successful
Details

Browse source
This commit is contained in:
Michael Zhang 2024-10-28 22:49:36 -05:00
parent 2745f390d9
commit 2973f40c00
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/styles/_colors.scss
View file

@ -6,6 +6,7 @@
:root {
--background-color: #{$backgroundColor};
--sidebar-color: #f8f8f8;
--background-dots-color: #{darken($backgroundColor, 5%)};
--faded-background-color: #{darken($backgroundColor, 10%)};
--shadow-color: #{darken($backgroundColor, 10%)};
--heading-color: #{darken(royalblue, 10%)};
@ -50,6 +51,7 @@
:root {
--background-color: #{$backgroundColor};
--sidebar-color: hsl(230, 20%, 20%);
--background-dots-color: #{lighten($backgroundColor, 3%)};
--faded-background-color: #{lighten($backgroundColor, 10%)};
--shadow-color: #{lighten($backgroundColor, 10%)};
--heading-color: #{lighten(lightskyblue, 20%)};
@ -82,4 +84,4 @@
--astro-code-token-punctuation: #ffab70;
--astro-code-token-link: black;
}
}
}

4
src/styles/global.scss
View file

@ -13,7 +13,7 @@ body {
color: var(--text-color);
// Dotted background :)
background-image: radial-gradient(var(--faded-background-color) 1px, transparent 0);
background-image: radial-gradient(var(--background-dots-color) 1px, transparent 0);
background-size: 20px 20px;
background-position: -19px -19px;
@ -145,4 +145,4 @@ pre>code {
padding-left: 30px;
padding-right: 30px;
}
}
}