ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more dark mode fixes

Browse Source
This commit is contained in:
keyan 2021-11-09 17:13:34 -06:00
parent 227d7f14ad
commit 1cdd166685
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/darkmode.js
View File

@ -10,6 +10,7 @@ export const COLORS = {
navLinkActive: 'rgba(0, 0, 0, 0.9)', navLinkActive: 'rgba(0, 0, 0, 0.9)',
borderColor: '#ced4da', borderColor: '#ced4da',
inputBg: '#ffffff', inputBg: '#ffffff',
inputDisabledBg: '#e9ecef',
dropdownItemColor: 'rgba(0, 0, 0, 0.7)', dropdownItemColor: 'rgba(0, 0, 0, 0.7)',
dropdownItemColorHover: 'rgba(0, 0, 0, 0.9)', dropdownItemColorHover: 'rgba(0, 0, 0, 0.9)',
commentBg: 'rgba(0, 0, 0, 0.03)', commentBg: 'rgba(0, 0, 0, 0.03)',
@ -19,6 +20,7 @@ export const COLORS = {
dark: { dark: {
body: '#000000', body: '#000000',
inputBg: '#000000', inputBg: '#000000',
inputDisabledBg: '#000000',
navLink: 'rgba(255, 255, 255, 0.5)', navLink: 'rgba(255, 255, 255, 0.5)',
navLinkFocus: 'rgba(255, 255, 255, 0.75)', navLinkFocus: 'rgba(255, 255, 255, 0.75)',
navLinkActive: 'rgba(255, 255, 255, 0.9)', navLinkActive: 'rgba(255, 255, 255, 0.9)',

6
styles/globals.scss
View File

@ -85,7 +85,7 @@ body {
} }
.form-control:disabled, .form-control[readonly] { .form-control:disabled, .form-control[readonly] {
background-color: var(--theme-inputBg); background-color: var(--theme-inputDisabledBg);
border-color: var(--theme-borderColor); border-color: var(--theme-borderColor);
opacity: 1; opacity: 1;
} }
@ -106,7 +106,7 @@ body {
} }
.modal-content { .modal-content {
background-color: var(--theme-body); background-color: var(--theme-inputBg);
border-color: var(--theme-borderColor); border-color: var(--theme-borderColor);
} }
@ -127,7 +127,7 @@ body {
} }
.navbar-nav .dropdown-menu { .navbar-nav .dropdown-menu {
background-color: var(--theme-body); background-color: var(--theme-inputBg);
border: 1px solid var(--theme-borderColor); border: 1px solid var(--theme-borderColor);
} }