satchlj
/
satchlj.com
1
2
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Tweak Zenn theme colors

This commit is contained in:
timvisee 2020-04-23 17:02:03 +02:00
parent b106a70f8a
commit a727923046
No known key found for this signature in database
GPG Key ID: B8DB720BC383E172
5 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
themes/zenn/sass/_base.scss
View File

@ -54,6 +54,10 @@ main {
a {
color: $color-header;
&:hover {
color: rgba($color-header, 0.7);
}
&:focus {
background-color: rgba($color-header, 0.1);
}

9
themes/zenn/sass/_components.scss
View File

@ -137,6 +137,7 @@ content {
}
.tag {
background-color: $color-main-bg-alt;
display: inline-block;
border: 1px solid $color-main-border;
border-radius: 3px;
@ -161,14 +162,6 @@ a.tag {
}
}
content .tag {
background-color: $color-main-bg-alt;
}
sidebar .tag {
background-color: $color-main-bg;
}
/**
* Title anchors
*/

12
themes/zenn/sass/_config_dark.scss
View File

@ -6,11 +6,15 @@ $dark: true;
$color-text: #a6a28c;
$color-text-muted: darken($color-text, 25%);
$color-main-bg: #20201d;
$color-main-bg-alt: darken($color-main-bg, 4%);
$color-main-border: darken($color-main-bg, 8%);
$color-main-bg-alt: darken($color-main-bg, 2%);
$color-main-border: darken($color-main-bg, 5%);
$color-main-shadow: rgba($color-main-border, 0.4);
$color-header: #ff6f33;
$color-link: #ae9513;
// $color-header: #ff6f33;
$color-header: #fb4625;
// $color-link: #ae9513;
// $color-link: #5f87d7;
// $color-link: $color-header;
$color-link: #02c39a;
$color-link-hover: lighten($color-link, 15%);
// Top logo and landing page

13
themes/zenn/sass/_config_light.scss
View File

@ -11,9 +11,16 @@ $color-main-border: darken($color-main-bg, 50%);
$color-main-shadow: rgba(darken(#20201d, 8%), 0.1);
$color-header: #1d4761;
$color-link: #77660b;
// $color-link: lighten(#77660b, 10%);
// $color-link: $color-header;
$color-link-hover: darken($color-link, 10%);
// // Top logo and landing page
// $logo-color: mix($color-main-bg, $color-main-bg-alt);
// $logo-color-hover: lighten($color-link, 15%);
// $landing-color-shadow: darken(#20201d, 8%);
// Top logo and landing page
$logo-color: mix($color-main-bg, $color-main-bg-alt);
$logo-color-hover: lighten($color-link, 15%);
$landing-color-shadow: darken(#20201d, 8%);
$logo-color: $color-header;
$logo-color-hover: $color-link-hover;
$landing-color-shadow: $color-main-border;

2
themes/zenn/sass/_layout.scss
View File

@ -12,7 +12,7 @@ main {
content {
font-family: $font-read;
padding: 2.5em 3em;
padding: 2.5em;
background: $color-main-bg;
flex: 1;
overflow-x: auto;