michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Turn to blueish website

Browse Source
This commit is contained in:
Michal Vanko 2021-05-06 15:33:50 +02:00
parent 2a432588f9
commit 0423ee94a9
3 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/global.module.less
View File

@ -24,7 +24,7 @@ h5,
h6 { h6 {
margin: 1em 0 0.5em 0; margin: 1em 0 0.5em 0;
line-height: 1.2; line-height: 1.2;
text-shadow: @header-text-shadow; // text-shadow: @header-text-shadow;
color: @header-color; color: @header-color;
letter-spacing: -0.01em; letter-spacing: -0.01em;
font-weight: 500; font-weight: 500;

23
src/styles/variables.module.less
View File

@ -3,28 +3,23 @@
@light-cyan: #d8f6ff; @light-cyan: #d8f6ff;
@midnight-blue: #171664; @midnight-blue: #171664;
@french-violet: #7332c3; @french-violet: #7332c3;
@sacramento-green: #003d2d;
@rose-bonbon: #ff499e;
@midnight: #660066;
@article-text-color: desaturate(@midnight-blue, 30%); @article-text-color: desaturate(@midnight-blue, 16%);
@text-shadow: 0.02em 0.02em 0.03em fade(@tearkiss, 20%); @text-shadow: 0.02em 0.02em 0.03em fade(@tearkiss, 20%);
@link-color: #127aff; @link-color: saturate(mix(@tearkiss, @midnight-blue, 66%), 20%);
@link-hover-color: @tearkiss; @link-hover-color: @tearkiss;
@link-visited-color: saturate(@french-violet, 30%, relative); @link-visited-color: saturate(@french-violet, 30%, relative);
@link-visited-hover-color: lighten(@link-visited-color, 10%); @link-visited-hover-color: lighten(@link-visited-color, 10%);
@nice-pink-color: spin(@link-visited-color, 50); @nice-pink-color: spin(@link-visited-color, 50);
@menu-color: @sacramento-green; @menu-color: @midnight-blue;
@menu-link-color: @menu-color;
@menu-link-hover-color: lighten(@menu-link-color, 15%);
@menu-link-text-shadow: 0.02em 0.02em 0.03em fade(@menu-link-color, 30%);
@menu-active-link-text-shadow: 0.01em 0.01em 0.05em fade(@menu-link-color, 90%);
@menu-link-color: @midnight; @header-color: lighten(@midnight-blue, 10%);
@menu-link-hover-color: lighten(@menu-link-color, 10%); @header-text-shadow: 0.015em 0.015em 0.02em fade(@header-color, 40%);
@menu-link-text-shadow: 0.02em 0.02em 0.03em fade(@french-violet, 30%);
@menu-active-link-text-shadow: 0.01em 0.01em 0.05em fade(@french-violet, 90%);
@header-color: darken(@french-violet, 35%, relative);
@header-text-shadow: 0.015em 0.015em 0.02em fade(@midnight, 40%);
@footer-visited-link-color: darken(@pinky, 70%, relative);
@bg-color: tint(@light-cyan, 70%); @bg-color: tint(@light-cyan, 70%);
@menu-bg-color: fade(@tearkiss, 40%); @menu-bg-color: fade(@tearkiss, 40%);

11
static/fonts.css
View File

@ -6,8 +6,15 @@
@font-face { @font-face {
font-family: Cantarell; font-family: Cantarell;
src: local("Cantarell"), url(/fonts/cantarell/Cantarell-Thin.otf) format('opentype'); src: local("Cantarell"), url(/fonts/cantarell/Cantarell-Bold.otf) format('opentype');
font-weight: 200; font-weight: 700;
font-display: swap;
}
@font-face {
font-family: Cantarell;
src: local("Cantarell"), url(/fonts/cantarell/Cantarell-ExtraBold.otf) format('opentype');
font-weight: 800;
font-display: swap; font-display: swap;
} }