plastichub/material-design-stock-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #19 from discourse/dark-light-switch

Browse Source 
Adding dark/light switch functionality to theme
This commit is contained in:
Jordan Vidrine 2020-08-25 10:47:56 -05:00 committed by GitHub
commit 63ad746995
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
common/color_definitions.scss Normal file
View File

@ -0,0 +1,3 @@
:root {
--material-lighter-secondary: lighten($secondary, 10%);
}

16
desktop/desktop.scss
View File

@ -17,13 +17,7 @@
// make header icons semi-translucent
.d-header-icons {
.d-icon {
color: rgba(
dark-light-choose(
scale-color($header_primary, $lightness: 50%),
$header_primary
),
0.7
);
color: rgba(var(--header_primary-rgb), 0.7);
}
}
@ -34,7 +28,7 @@
.topic-list,
.latest-topic-list {
@include boxShadow;
background-color: lighten($secondary, 10%);
background-color: var(--material-lighter-secondary);
}
//underline navigation links
@ -64,7 +58,7 @@
//create conversation cards
.topic-body {
@include boxShadow;
background-color: lighten($secondary, 10%);
background-color: var(--material-lighter-secondary);
margin-top: 10px;
border-radius: 4px;
padding: 15px 20px 0 20px;
@ -213,7 +207,7 @@
//cards for search results
.fps-result {
@include boxShadow;
background-color: lighten($secondary, 10%);
background-color: var(--material-lighter-secondary);
margin-top: 10px;
padding: 20px;
border-radius: 4px;
@ -224,7 +218,7 @@
background-color: lighten($tertiary, 20%);
}
100% {
background-color: lighten($secondary, 10%);
background-color: var(--material-lighter-secondary);
}
}