lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Darkmode + some small color change

Browse source
This commit is contained in:
cuom1999 2023-09-05 20:00:09 -05:00
parent 0b5afc96e1
commit 6c64e42322
2 changed files with 40 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
resources/base.scss
View file

@ -296,7 +296,7 @@ nav {
} }
&:hover { &:hover {
border-top: 2px solid #045343; border-top: 2px solid #9c3706;
color: black; color: black;
background: rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.25);
margin: 0; margin: 0;
@ -304,8 +304,8 @@ nav {
&.active { &.active {
// color: #FFF; // color: #FFF;
border-top: 2px solid #045343; border-top: 2px solid #9c3706;
color: #045343; color: #9c3706;
background: white; background: white;
} }
@ -908,7 +908,7 @@ select {
} }
.colored-text { .colored-text {
color: #045343; color: black;
} }
.bold-text { .bold-text {

46
resources/darkmode.css
View file

@ -1724,10 +1724,10 @@ noscript #noscript {
color: rgb(148, 142, 134); color: rgb(148, 142, 134);
} }
#chat-icon { #chat-icon {
color: rgb(72, 187, 180); color: rgb(170, 166, 161);
} }
#chat-icon:hover { #chat-icon:hover {
color: rgb(166, 163, 157); color: rgb(95, 212, 95);
} }
#nav-lang-icon { #nav-lang-icon {
color: rgb(42, 104, 212); color: rgb(42, 104, 212);
@ -1812,6 +1812,24 @@ noscript #noscript {
background-color: rgb(20, 22, 22); background-color: rgb(20, 22, 22);
} }
} }
.colored-text {
color: rgb(193, 191, 188);
}
::-webkit-input-placeholder {
color: rgb(170, 166, 161);
}
::placeholder {
color: rgb(170, 166, 161);
}
input::-webkit-input-placeholder {
color: rgb(170, 166, 161);
}
input::placeholder {
color: rgb(170, 166, 161);
}
::-webkit-input-placeholder {
color: rgb(170, 166, 161);
}
.table { .table {
background-image: initial; background-image: initial;
background-color: rgba(0, 0, 0, 0.01); background-color: rgba(0, 0, 0, 0.01);
@ -1902,11 +1920,11 @@ noscript #noscript {
color: rgb(212, 58, 58) !important; color: rgb(212, 58, 58) !important;
} }
.left-sidebar-item.active { .left-sidebar-item.active {
color: rgb(95, 212, 95); color: rgb(193, 191, 188);
background-color: rgb(33, 92, 14); background-color: rgb(2, 55, 45);
} }
.left-sidebar-item.active .sidebar-icon { .left-sidebar-item.active .sidebar-icon {
color: rgb(95, 212, 95); color: rgb(193, 191, 188);
} }
.blog-sidebox .contest { .blog-sidebox .contest {
border-bottom-color: rgb(51, 56, 58); border-bottom-color: rgb(51, 56, 58);
@ -1954,7 +1972,7 @@ noscript #noscript {
background-color: rgb(33, 36, 37); background-color: rgb(33, 36, 37);
} }
.left-sidebar-item.active:hover { .left-sidebar-item.active:hover {
background-color: rgb(33, 92, 14); background-color: rgb(2, 55, 45);
} }
.sidebar-icon { .sidebar-icon {
color: rgb(193, 191, 188); color: rgb(193, 191, 188);
@ -2383,7 +2401,7 @@ a.user-redirect:hover {
color: rgb(186, 75, 60); color: rgb(186, 75, 60);
} }
.button, button, input[type="submit"] { .button, button, input[type="submit"] {
background-color: rgb(166, 66, 0); background-color: rgb(2, 55, 45);
border-color: transparent; border-color: transparent;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px;
text-decoration-color: initial; text-decoration-color: initial;
@ -2427,16 +2445,24 @@ a.user-redirect:hover {
background-image: initial; background-image: initial;
background-color: rgb(0, 0, 92); background-color: rgb(0, 0, 92);
} }
.button.btn-darkGreen, button.btn-darkGreen, input[type="submit"].btn-darkGreen {
background-image: initial;
background-color: rgb(2, 55, 45);
}
.button.btn-darkGreen:hover, button.btn-darkGreen:hover, input[type="submit"].btn-darkGreen:hover {
background-image: initial;
background-color: rgb(2, 55, 45);
}
.button:hover, button:hover, input[type="submit"]:hover { .button:hover, button:hover, input[type="submit"]:hover {
background-color: rgb(144, 60, 2); background-color: rgb(2, 55, 45);
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
} }
.button:focus, button:focus, input[type="submit"]:focus { .button:focus, button:focus, input[type="submit"]:focus {
background-color: rgb(144, 60, 2); background-color: rgb(2, 55, 45);
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
} }
.button:active, button:active, input[type="submit"]:hover { .button:active, button:active, input[type="submit"]:hover {
background-color: rgb(133, 53, 0); background-color: rgb(2, 55, 45);
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px;
} }
input[type="text"], input[type="password"], input[type="email"], input[type="number"] { input[type="text"], input[type="password"], input[type="email"], input[type="number"] {