Mastodon
/
Pinafore-Web-Client-Frontend
mirror of https://github.com/nolanlawson/pinafore
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: Plus theme with Mastodon standard web-app colors (called mastodon) (#1090) 

* +mastodon theme

* +mastodon theme
This commit is contained in:
jeroenpraat 2019-03-09 21:29:57 +01:00 committed by Nolan Lawson
parent ec02a2665d
commit 5012a21bcd
2 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/_static/themes.js
View File

@ -77,6 +77,12 @@ const themes = [
dark: true,
color: '#4ab92f'
},
{
name: 'mastodon',
label: 'Mastodon',
dark: true,
color: '#282C37'
},
{
name: 'pitchblack',
label: 'Pitch Black',

28
src/scss/themes/mastodon.scss Normal file
View File

@ -0,0 +1,28 @@
$main-theme-color: #313543;
$body-bg-color: #17191F;
$main-bg-color: #282C37;
$anchor-color: #d9e1e8;
$main-text-color: #ffffff;
$border-color: #393f4f;
$secondary-text-color: #f6f6ff;
$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";
@import "_dark_scrollbars.scss";
:root {
--settings-list-item-text: #9baec8;
--settings-list-item-text-hover: #{$main-text-color};
--compose-button-halo: transparent;
--button-primary-bg: #2b90d9;
--button-primary-bg-hover: #56a7e1;
--button-primary-border: transparent;
--action-button-fill-color-pressed: #2b90d9;
--action-button-fill-color-pressed-hover: #2b90d9;
}