1
0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2024-11-06 16:00:28 +01:00

Some changes to dark mode css

This commit is contained in:
Donald Cheng Hong Zou 2022-04-22 00:12:22 -04:00
parent b464fa98df
commit 7f668c1653
5 changed files with 24 additions and 4 deletions

View File

@ -141,11 +141,15 @@ body {
} }
.form-control { .form-control {
background: #272727 !important; background-color: #272727 !important;
border-color: transparent !important; border-color: transparent !important;
color: hsl(0deg, 0%, 80%) !important; color: hsl(0deg, 0%, 80%) !important;
} }
.form-control:disabled {
color: #777777 !important;
}
.card .form-control { .card .form-control {
background: #2c2c2c !important; background: #2c2c2c !important;
} }
@ -303,4 +307,8 @@ div.toast div.toast-progressbar {
border-color: #333333 !important; border-color: #333333 !important;
} }
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-primary.focus, .btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(144, 153, 255, 0.29) !important;
}
/*# sourceMappingURL=dark.css.map */ /*# sourceMappingURL=dark.css.map */

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["dark.scss"],"names":[],"mappings":"AA8BA;EACE;EACA;EACA;EACA;;;AAGF;EACE,YArCS;EAsCT,OAdS;;;AAiBX;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;;AACA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE,OA1LS;;AA4LT;AAAA;EACE,YArNO;;;AAyNX;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE,YA/NS;;;AAkOX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE,cAlQU;;;AAqQZ;EACE;;;AAEF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE,cAzRS;;;AA4RX;EACE,kBAjSS;;;AAoSX;AAAA;EAEE,kBAvSS;EAwST,cAnSS;;;AAsSX;EACE,OAtRY;;;AAyRd;EACE,OAvRS;EAwRT;;AAEA;EACE,OA1RO;;;AA8RX;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;AAAA;EAEE","file":"dark.css"} {"version":3,"sourceRoot":"","sources":["dark.scss"],"names":[],"mappings":"AAgCA;EACE;EACA;EACA;EACA;;;AAGF;EACE,YAvCS;EAwCT,OAdS;;;AAiBX;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;;AACA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE,OA9LS;;AAgMT;AAAA;EACE,YA3NO;;;AA+NX;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE,YArOS;;;AAwOX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE,cAvQU;;;AA0QZ;EACE;;;AAEF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE,cA/RS;;;AAkSX;EACE,kBAvSS;;;AA0SX;AAAA;EAEE,kBA7SS;EA8ST,cAzSS;;;AA4SX;EACE,OA1RY;;;AA6Rd;EACE,OA3RS;EA4RT;;AAEA;EACE,OA9RO;;;AAkSX;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;AAAA;EAEE;;;AAKJ;EACE","file":"dark.css"}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["dark.scss"],"names":[],"mappings":"AAgCA,MACE,0CACA,yCACA,sCACA,4CAGF,KACE,WAvCS,KAwCT,MAdS,KAiBX,aACE,yBACA,gCACA,8BAEA,mBACE,oCACA,gCAIJ,qBACE,yBACA,gCACA,oCAEA,uDAEE,yBAGF,4BACE,oCACA,gCAGF,2BACE,oCACA,gCAIJ,aACE,yBACA,gCACA,8BAEA,mBACE,oCACA,gCAIJ,qBACE,yBACA,gCACA,oCAEA,uDAEE,yBAGF,4BACE,oCACA,gCAGF,2BACE,oCACA,gCAIJ,YACE,yBACA,gCACA,8BAEA,kBACE,iCACA,6BAIJ,oBACE,yBACA,gCACA,oCAEA,qDAEE,yBAGF,2BACE,oCACA,gCAGF,0BACE,iCACA,6BAIJ,eACE,yBACA,gCACA,8BAEA,qBACE,oCACA,gCAIJ,uBACE,yBACA,gCACA,oCAEA,2DAEE,yBAGF,8BACE,oCACA,gCAGF,6BACE,oCACA,gCAKF,gCACE,yBACA,sCACE,sBAIJ,mBACE,0CAEA,uCACE,yBAGF,uCACE,yBAGF,sCACE,sBAGF,yCACE,yBAKN,cACE,oCACA,sCACA,sBAGF,uBACE,sBAGF,oBACE,8BAGF,iDAEE,MA9LS,KAgMT,6DACE,WA3NO,KA+NX,8FAGE,oCACA,8BAGF,MACE,WArOS,QAwOX,YACE,sBAGF,aACE,yBAGF,cACE,yBAGF,cACE,yBAGF,WACE,yBAGF,0CAEE,yBAGF,wCAEE,sBAGF,oCAEE,yBAGF,aACE,oCAGF,cACE,aAvQU,QA0QZ,6CACE,oCAEF,qCACE,oCACA,gCAGF,+DAEE,yBAGF,GACE,aA/RS,QAkSX,eACE,iBAvSS,KA0SX,4BAEE,iBA7SS,QA8ST,aAzSS,QA4SX,KACE,MA1RY,QA6Rd,OACE,MA3RS,KA4RT,iBAEA,aACE,MA9RO,QAkSX,2BACE,iCAGF,SACE,iCACA,uBAGF,cACE,sBAGF,UACE,oCAEA,2BACE,iCACA,sBACA,uCAGF,yBACE,oCACA,sBAGF,gCACE,oCAIJ,mFAEE,mCAGF,oCACE,oCAGF,0BACE,iCAGF,OACE,sBAEA,oBAEE,6BAKJ,4FACE","file":"dark.min.css"}

View File

@ -7,6 +7,7 @@ $grey-600: #2e2e2e;
$grey-700: #333333; $grey-700: #333333;
$grey-800: #383838; $grey-800: #383838;
$grey-900: #424242; $grey-900: #424242;
$grey-1000: #777777;
$green-400: hsl(120deg, 30%, 40%); $green-400: hsl(120deg, 30%, 40%);
$green-500: hsl(120deg, 30%, 50%); $green-500: hsl(120deg, 30%, 50%);
@ -16,6 +17,7 @@ $red-500: hsl(0deg, 60%, 60%);
$blue-400: hsl(235deg, 60%, 50%); $blue-400: hsl(235deg, 60%, 50%);
$blue-500: hsl(235deg, 60%, 60%); $blue-500: hsl(235deg, 60%, 60%);
$blue-400-clear: rgba(51, 64, 204, 0.25);
$cyan-400: hsl(190deg, 60%, 50%); $cyan-400: hsl(190deg, 60%, 50%);
$cyan-500: hsl(190deg, 60%, 60%); $cyan-500: hsl(190deg, 60%, 60%);
@ -198,11 +200,15 @@ body {
} }
.form-control { .form-control {
background: $grey-400 !important; background-color: $grey-400 !important;
border-color: transparent !important; border-color: transparent !important;
color: $text-200 !important; color: $text-200 !important;
} }
.form-control:disabled{
color: $grey-1000 !important;
}
.card .form-control { .card .form-control {
background: $grey-500 !important; background: $grey-500 !important;
} }
@ -363,3 +369,8 @@ div.toast {
border-color: $grey-700 !important; border-color: $grey-700 !important;
} }
} }
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-primary.focus, .btn-primary:focus{
box-shadow: 0 0 0 0.2rem rgb(144 153 255 / 29%) !important;
}