Dark mode.

This commit is contained in:
Mike Cao 2020-09-20 01:33:39 -07:00
parent 4bb95cd997
commit aa265d1d42
29 changed files with 221 additions and 60 deletions

View file

@ -1,14 +1,17 @@
html,
body {
font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: var(--font-size-normal);
font-weight: 400;
line-height: 1.8;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
overflow: auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-size: var(--font-size-normal);
color: var(--gray900);
background: var(--gray75);
}
@ -51,6 +54,8 @@ a:visited {
input[type='text'],
input[type='password'],
textarea {
color: var(--gray900);
background: var(--gray50);
padding: 4px 8px;
font-size: var(--font-size-normal);
line-height: 1.8;
@ -92,6 +97,7 @@ main {
flex-direction: column;
width: 100%;
height: 100%;
flex: 1;
}
#__modals {

View file

@ -36,4 +36,33 @@
--green500: #268e6c;
--green600: #12805c;
--green700: #107154;
--msgColor: #ffffff;
}
[data-theme='dark'] {
/*
--gray50: #080808;
--gray75: #1a1a1a;
--gray100: #1e1e1e;
--gray200: #2c2c2c;
--gray300: #393939;
--gray400: #494949;
--gray500: #5c5c5c;
--gray600: #7c7c7c;
--gray700: #6e6e6e;
--gray800: #a2a2a2;
--gray900: #efefef;
*/
--gray50: #252525;
--gray75: #2f2f2f;
--gray100: #323232;
--gray200: #3e3e3e;
--gray300: #4a4a4a;
--gray400: #5a5a5a;
--gray500: #6e6e6e;
--gray600: #909090;
--gray700: #b9b9b9;
--gray800: #e3e3e3;
--gray900: #ffffff;
}