Bauke/tildes-issue-log
Bauke
/
tildes-issue-log
Archived
1
Fork 0
Code Releases Activity

Change the color scheme to use Love.

This commit is contained in:
Bauke 2020-03-31 22:45:14 +02:00
parent 0b5a724984
commit 80bd58c65a
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
4 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
source/pages/scss/_mixins.scss
View File

@ -1,11 +1,7 @@
@mixin constrain-width {
margin: auto;
transition: 0.5s width;
width: $large-breakpoint;
@media (max-width: $large-breakpoint) {
width: $medium-breakpoint;
}
width: $medium-breakpoint;
@media (max-width: $medium-breakpoint) {
width: 95%;

8
source/pages/scss/_post.scss
View File

@ -13,6 +13,14 @@
display: flex;
}
ol,
ul,
p {
a {
font-weight: 600;
}
}
ol,
ul {
margin-bottom: 2rem;

10
source/pages/scss/_theme.scss
View File

@ -31,17 +31,17 @@
}
table {
border: 0.1rem solid map.get($colors, 'background-1');
border: 0.25rem solid map.get($colors, 'background-1');
}
thead > tr {
background-color: map.get($colors, 'background-1');
border-bottom: 0.1rem solid map.get($colors, 'background-1');
border-bottom: 0.25rem solid map.get($colors, 'background-1');
}
tbody > tr {
background-color: map.get($colors, 'background-3');
border-bottom: 0.1rem solid map.get($colors, 'background-1');
background-color: map.get($colors, 'background-2');
border-bottom: 0.25rem solid map.get($colors, 'background-1');
&:last-child {
border-bottom: none;
@ -68,7 +68,7 @@
}
#footer {
background-color: scale-color(map.get($colors, 'background-3'), $lightness: -3.5%);
background-color: map.get($colors, 'background-2');
border-top: 0.25rem solid map.get($colors, 'accent-2');
}

48
source/pages/scss/_variables.scss
View File

@ -3,23 +3,21 @@ $medium-breakpoint: 900px;
$large-breakpoint: 1200px;
$extra-large-breakpoint: 1800px;
$dark-highlight-1: #e95678;
$dark-highlight-2: #fac29a;
$dark-highlight-3: #b877db;
$dark-highlight-4: #25b2bc;
$dark-highlight-5: #09f7a0;
$dark-highlight-1: #f99fb1;
$dark-highlight-2: #faa56c;
$dark-highlight-3: #d2b83a;
$dark-highlight-4: #96c839;
$dark-highlight-5: #3bd18a;
$dark-highlights: $dark-highlight-1, $dark-highlight-2, $dark-highlight-3, $dark-highlight-4, $dark-highlight-5;
$dark-theme: (
'background-1': #16161c,
'background-2': #1c1e26,
'background-3': #1a1c23,
'foreground-1': #fdf0ed,
'foreground-2': #fadad1,
'foreground-3': #f9cbbe,
'accent-1': #59e3e3,
'accent-2': #ee64ae,
'background-1': #1f1731,
'background-2': #2a2041,
'foreground-1': #f2efff,
'foreground-2': #e6deff,
'accent-1': #41c8e5,
'accent-2': #f99add,
'highlight-1': $dark-highlight-1,
'highlight-2': $dark-highlight-2,
'highlight-3': $dark-highlight-3,
@ -28,23 +26,21 @@ $dark-theme: (
'highlights': $dark-highlights,
);
$light-highlight-1: #da103f;
$light-highlight-2: #f77d26;
$light-highlight-3: #8931b9;
$light-highlight-4: #1eaeae;
$light-highlight-5: #1eb980;
$light-highlight-1: #8b123c;
$light-highlight-2: #6a3b11;
$light-highlight-3: #514610;
$light-highlight-4: #384d10;
$light-highlight-5: #115133;
$light-highlights: $light-highlight-1, $light-highlight-2, $light-highlight-3, $light-highlight-4, $light-highlight-5;
$light-theme: (
'background-1': #f9cbbe,
'background-2': #fadad1,
'background-3': scale-color(#fadad1, $lightness: 10%),
'foreground-1': #16161c,
'foreground-2': #1c1e26,
'foreground-3': #1a1c23,
'accent-1': #1d8991,
'accent-2': #f43e5c,
'background-1': #e6deff,
'background-2': #f2efff,
'foreground-1': #1f1731,
'foreground-2': #2a2041,
'accent-1': #17477e,
'accent-2': #81156a,
'highlight-1': $light-highlight-1,
'highlight-2': $light-highlight-2,
'highlight-3': $light-highlight-3,