data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: change pitch black theme (#1702)

Browse source 
On AMOLED displays the pitch black theme was unsatisfying. I have
changed the theme to use #000 as main theme color, which completely
stops the OLED pixels from emitting light, thus saving energy and
on some devices making the background indistinguishable from the screen
border.
This commit is contained in:
Milan 2020-02-26 16:03:16 +01:00 committed by GitHub
parent c202b43cc4
commit d16ccd5d5f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/scss/themes/pitchblack.scss
View file

@ -1,13 +1,13 @@
$main-theme-color: rgb( 16,61,80);
$body-bg-color: #03131b;
$main-theme-color: #000;
$body-bg-color: #000;
$main-bg-color: #000;
$anchor-color: lighten($main-theme-color, 20%);
$anchor-color: lighten($main-theme-color, 90%);
$main-text-color: #fafaff;
$border-color: $body-bg-color;
$border-color: #222;
$secondary-text-color: #f6f6ff;
$toast-border: lighten($body-bg-color, 4%);
$toast-bg: lighten($body-bg-color, 4%);
$focus-outline: lighten($main-theme-color, 10%);
$focus-outline: lighten($main-theme-color, 50%);
$compose-background: darken($main-theme-color, 12%);
@import "_base.scss";
@ -20,19 +20,23 @@ $compose-background: darken($main-theme-color, 12%);
--settings-list-item-bg-active: #{darken($body-bg-color, 10%)};
--settings-list-item-bg-hover: #{darken($body-bg-color, 2%)};
--button-bg: #{lighten($body-bg-color, 5%)};
--button-primary-bg: #{lighten($body-bg-color, 10%)};
--button-primary-border: #{$border-color};
--button-primary-bg-hover: #{lighten($body-bg-color, 15%)};
--button-primary-bg-active: #{lighten($body-bg-color, 15%)};
--button-bg: #{lighten($body-bg-color, 10%)};
--button-border: #{$border-color};
--button-bg-hover: #{lighten($body-bg-color, 10%)};
--button-bg-hover: #{lighten($body-bg-color, 15%)};
--button-bg-active: #{lighten($body-bg-color, 15%)};
--form-bg: #{$body-bg-color};
--form-border: #{darken($border-color, 10%)};
--action-button-fill-color: #{lighten($main-theme-color, 5%)};
--action-button-fill-color-hover: #{lighten($main-theme-color, 12%)};
--action-button-fill-color-active: #{darken($main-theme-color, 15%)};
--action-button-fill-color-pressed: #{lighten($main-theme-color, 20%)};
--action-button-fill-color-pressed-hover: #{lighten($main-theme-color, 24%)};
--action-button-fill-color-pressed-active: #{lighten($main-theme-color, 7%)};
--action-button-fill-color: #{lighten($main-theme-color, 20%)};
--action-button-fill-color-hover: #{lighten($main-theme-color, 30%)};
--action-button-fill-color-active: #{darken($main-theme-color, 40%)};
--action-button-fill-color-pressed: #{lighten($main-theme-color, 85%)};
--action-button-fill-color-pressed-hover: #{lighten($main-theme-color, 100%)};
--action-button-fill-color-pressed-active: #{lighten($main-theme-color, 80%)};
}