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

2
src/styles/_colors.scss
View file

@ -6,6 +6,7 @@
:root { :root {
--background-color: #{$backgroundColor}; --background-color: #{$backgroundColor};
--sidebar-color: #f8f8f8; --sidebar-color: #f8f8f8;
--background-dots-color: #{darken($backgroundColor, 5%)};
--faded-background-color: #{darken($backgroundColor, 10%)}; --faded-background-color: #{darken($backgroundColor, 10%)};
--shadow-color: #{darken($backgroundColor, 10%)}; --shadow-color: #{darken($backgroundColor, 10%)};
--heading-color: #{darken(royalblue, 10%)}; --heading-color: #{darken(royalblue, 10%)};
@ -50,6 +51,7 @@
:root { :root {
--background-color: #{$backgroundColor}; --background-color: #{$backgroundColor};
--sidebar-color: hsl(230, 20%, 20%); --sidebar-color: hsl(230, 20%, 20%);
--background-dots-color: #{lighten($backgroundColor, 3%)};
--faded-background-color: #{lighten($backgroundColor, 10%)}; --faded-background-color: #{lighten($backgroundColor, 10%)};
--shadow-color: #{lighten($backgroundColor, 10%)}; --shadow-color: #{lighten($backgroundColor, 10%)};
--heading-color: #{lighten(lightskyblue, 20%)}; --heading-color: #{lighten(lightskyblue, 20%)};

2
src/styles/global.scss
View file

@ -13,7 +13,7 @@ body {
color: var(--text-color); color: var(--text-color);
// Dotted background :) // 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-size: 20px 20px;
background-position: -19px -19px; background-position: -19px -19px;