mirror of
https://github.com/papercss/papercss
synced 2024-05-27 19:12:41 +02:00
Colors change for dark theme
This commit is contained in:
parent
d66efeee7e
commit
24985f68fc
50
dist/paper.css
vendored
50
dist/paper.css
vendored
|
@ -57,34 +57,34 @@ html {
|
|||
|
||||
html.dark {
|
||||
--primary: #fff;
|
||||
--secondary: #0071de;
|
||||
--success: #189418;
|
||||
--warning: #ddcd45;
|
||||
--danger: #ff8c86;
|
||||
--secondary: #5097d5;
|
||||
--success: #5dd55e;
|
||||
--warning: #d4c252;
|
||||
--danger: #df4c57;
|
||||
--muted: #868e96;
|
||||
--primary-light: white;
|
||||
--secondary-light: #007ef8;
|
||||
--success-light: #1caa1c;
|
||||
--warning-light: #e1d35b;
|
||||
--danger-light: #ffa4a0;
|
||||
--secondary-light: #65a3da;
|
||||
--success-light: #71da72;
|
||||
--warning-light: #d9c966;
|
||||
--danger-light: #e3626b;
|
||||
--muted-light: #949ba2;
|
||||
--primary-dark: gray;
|
||||
--secondary-dark: black;
|
||||
--success-dark: #031003;
|
||||
--warning-dark: #746a15;
|
||||
--danger-dark: #a00800;
|
||||
--secondary-dark: #1b4971;
|
||||
--success-dark: #1a651b;
|
||||
--warning-dark: #71651c;
|
||||
--danger-dark: #7c161e;
|
||||
--muted-dark: #313538;
|
||||
--primary-light-10: white;
|
||||
--secondary-light-10: #128bff;
|
||||
--success-light-10: #1fc01f;
|
||||
--warning-light-10: #e5d970;
|
||||
--danger-light-10: #ffbcb9;
|
||||
--secondary-light-10: #79afdf;
|
||||
--success-light-10: #86e086;
|
||||
--warning-light-10: #ded07b;
|
||||
--danger-light-10: #e77780;
|
||||
--muted-light-10: #a1a8ae;
|
||||
--primary-dark-10: #e6e6e6;
|
||||
--secondary-dark-10: #0057ab;
|
||||
--success-dark-10: #116811;
|
||||
--warning-dark-10: #cab925;
|
||||
--danger-dark-10: #ff5c53;
|
||||
--secondary-dark-10: #2f7ec3;
|
||||
--success-dark-10: #35cb36;
|
||||
--warning-dark-10: #c3ae30;
|
||||
--danger-dark-10: #d22633;
|
||||
--muted-dark-10: #6c757d;
|
||||
--primary-shaded-50: #343332;
|
||||
--primary-shaded-70: #2f2e2d;
|
||||
|
@ -96,11 +96,11 @@ html.dark {
|
|||
--main-background-light: #c1c0bd;
|
||||
--black: black;
|
||||
--primary-text: #41403e;
|
||||
--secondary-text: #0057ab;
|
||||
--success-text: #116811;
|
||||
--warning-text: #cab925;
|
||||
--danger-text: #ff5c53;
|
||||
--muted-text: #6c757d;
|
||||
--secondary-text: #1b4971;
|
||||
--success-text: #1a651b;
|
||||
--warning-text: #71651c;
|
||||
--danger-text: #7c161e;
|
||||
--muted-text: #313538;
|
||||
--shadow-color-regular: rgba(0, 0, 0, 0.2);
|
||||
--shadow-color-hover: rgba(0, 0, 0, 0.3);
|
||||
--primary-inverse: #41403e;
|
||||
|
|
2
dist/paper.min.css
vendored
2
dist/paper.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -69,11 +69,11 @@ $primary-inverse: #fff !default;
|
|||
// Set dark theme colors
|
||||
|
||||
$dark-primary: #fff !default;
|
||||
$dark-secondary: #0071de !default;
|
||||
$dark-secondary: #5097d5 !default;
|
||||
|
||||
$dark-success: #189418 !default;
|
||||
$dark-warning: #ddcd45 !default;
|
||||
$dark-danger: #ff8c86 !default;
|
||||
$dark-success: #5dd55e !default;
|
||||
$dark-warning: #d4c252 !default;
|
||||
$dark-danger: #df4c57 !default;
|
||||
$dark-muted: #868e96 !default;
|
||||
|
||||
$dark-primary-light: lighten($dark-primary, 5%) !default;
|
||||
|
@ -84,10 +84,10 @@ $dark-danger-light: lighten($dark-danger, 5%) !default;
|
|||
$dark-muted-light: lighten($dark-muted, 5%) !default;
|
||||
|
||||
$dark-primary-dark: darken($dark-primary, 50%) !default;
|
||||
$dark-secondary-dark: darken($dark-secondary, 50%) !default;
|
||||
$dark-success-dark: darken($dark-success, 30%) !default;
|
||||
$dark-secondary-dark: darken($dark-secondary, 30%) !default;
|
||||
$dark-success-dark: darken($dark-success, 35%) !default;
|
||||
$dark-warning-dark: darken($dark-warning, 30%) !default;
|
||||
$dark-danger-dark: darken($dark-danger, 45%) !default;
|
||||
$dark-danger-dark: darken($dark-danger, 30%) !default;
|
||||
$dark-muted-dark: darken($dark-muted, 35%) !default;
|
||||
|
||||
$dark-primary-light-10: lighten($dark-primary, 10%) !default;
|
||||
|
@ -116,11 +116,11 @@ $dark-main-background-light: lighten($dark-main-background, 50%) !default;
|
|||
$dark-black: rgba(#000, 1) !default;
|
||||
|
||||
$dark-primary-text: $primary !default;
|
||||
$dark-secondary-text: $dark-secondary-dark-10 !default;
|
||||
$dark-success-text: $dark-success-dark-10 !default;
|
||||
$dark-warning-text: $dark-warning-dark-10 !default;
|
||||
$dark-danger-text: $dark-danger-dark-10 !default;
|
||||
$dark-muted-text: $dark-muted-dark-10 !default;
|
||||
$dark-secondary-text: $dark-secondary-dark !default;
|
||||
$dark-success-text: $dark-success-dark !default;
|
||||
$dark-warning-text: $dark-warning-dark !default;
|
||||
$dark-danger-text: $dark-danger-dark !default;
|
||||
$dark-muted-text: $dark-muted-dark !default;
|
||||
|
||||
$dark-shadow-color-regular: hsla(0, 0, 0%, 0.2) !default;
|
||||
$dark-shadow-color-hover: hsla(0, 0, 0%, 0.3) !default;
|
||||
|
|
Loading…
Reference in a new issue