Files
grin-explorer/static/styles/style.css
2024-05-07 21:51:42 +03:00

215 lines
3.1 KiB
CSS

.darkgray-text {
color: #636c72;
}
.darkorange-text {
color: #FF7518 !important;
}
.card-background {
background-color: #FBFBFB !important;
}
a, a:link, a:visited {
color: black;
}
a:hover, a:active {
color: silver;
}
.disabled {
pointer-events: none;
color: #636c72 !important;
}
.btn-search {
border-color: silver !important;
}
button {
color: black !important;
background-color: white !important;
border-color: white !important;
border: 0;
}
button:hover,
button:active {
color: darkgrey !important;
}
h4, h5, h6, code {
color: black;
}
div.card {
color: black;
border-color: #f8f9fa;
}
.value-text {
color: black;
}
.nav-item,
.nav-link {
color: #71797E !important;
border-style: none;
}
footer {
background-color: white;
}
.dark-mode .navbar-brand {
color: silver !important;
}
.dark-mode .darkorange-text {
color: #f2a900 !important;
}
.dark-mode .darkgray-text {
color: #636c72;
}
.dark-mode .navbar-toggler {
background-color: #f2a900 !important;
}
.dark-mode input,
.dark-mode input:focus {
color: silver !important;
border-color: #1f2029 !important;
background-color: #1f2029 !important;
}
.dark-mode input::placeholder {
color: grey !important;
}
.dark-mode a {
border-color: #14151a !important;
background-color: #14151a !important;
}
.dark-mode button {
color: grey !important;
background-color: #14151a !important;
border-color: #14151a !important;
border: 0;
}
.dark-mode .btn-search {
background-color: #1f2029 !important;
border-color: #1f2029 !important;
}
.dark-mode .btn-close {
background-color: silver !important;
}
.dark-mode button:focus { outline:0; }
.dark-mode button:hover,
.dark-mode button:active {
color: silver !important;
}
.dark-mode .value-text {
color: silver !important;
}
.dark-mode span .badge {
badge-color: red;
}
.dark-mode {
background-color: #1f2029 !important;
color: silver !important;
}
.dark-mode div.card,
.dark-mode a.card {
background-color: #14151a;
color: silver;
border-color: #1f2029;
}
.dark-mode .bg-style {
background-color: #14151a !important;
}
.dark-mode .card-background {
background-color: #1f2029 !important;
}
.dark-mode a,
.dark-mode a:link,
.dark-mode a:visited,
.dark-mode a:active {
color: silver;
}
.dark-mode a:hover {
color: white;
}
.dark-mode .nav-tabs {
border-color: #14151a;
}
.dark-mode .nav-tabs
.dark-mode .nav-item {
border-color: #14151a;
}
.dark-mode .nav-tabs,
.dark-mode .nav-item,
.dark-mode .nav-link {
color: #636c72 !important;
border-style: none;
}
.dark-mode .nav-link.active {
background-color: #14151a;
color: #636c72 !important;
border-style: none;
}
.dark-mode .modal-header {
background-color: #14151a;
border-style: none;
}
.dark-mode .modal-body {
background-color: #1f2029;
border-style: none;
}
.dark-mode .modal-content {
border-style: none;
}
.dark-mode .close {
color: silver;
}
.dark-mode hr {
border-color: #1f2029;
}
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode code,
.dark-mode pre {
color: silver;
}
.dark-mode footer {
background-color: #14151a;
}