cybrespace
/
pinafore
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Cybre theme

This commit is contained in:
khr 2018-08-19 02:17:20 +00:00
parent b93212f57b
commit 034a0fe067
4 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
inline-script.js
View File

@ -2,7 +2,8 @@
// To allow CSP to work correctly, we also calculate a sha256 hash during
// the build process and write it to inline-script-checksum.json.
window.__themeColors = {
'default': 'royalblue',
'default': 'cybre',
cybre: '#1ea21e',
scarlet: '#e04e41',
seafoam: '#177380',
hotpants: 'hotpink',

6
routes/_static/themes.js
View File

@ -1,7 +1,11 @@
const themes = [
{
name: 'cybre',
label: 'Cybre (default)'
},
{
name: 'default',
label: 'Royal (default)'
label: 'Royal'
},
{
name: 'scarlet',

1
scss/themes/_offline.scss
View File

@ -13,6 +13,7 @@ $compose-background: lighten($main-theme-color, 17%);
@import "_base.scss";
body.offline,
body.theme-cybre.offline,
body.theme-hotpants.offline,
body.theme-majesty.offline,
body.theme-oaken.offline,

19
scss/themes/cybre.scss Normal file
View File

@ -0,0 +1,19 @@
$main-theme-color: #2c2c2c;
$body-bg-color: #181818;
$main-bg-color: #222;
$anchor-color: lighten($main-theme-color, 20%);
$main-text-color: #fafaff;
$border-color: lighten($main-bg-color, 16%);
$secondary-text-color: #1ea21e;
$toast-border: $main-theme-color;
$toast-bg: lighten($body-bg-color, 4%);
$focus-outline: darken($main-theme-color, 10%);
$compose-background: darken($main-theme-color, 12%);
@import "_base.scss";
@import "_dark.scss";
body.theme-cybre {
@include baseTheme();
@include darkTheme();
}