xesite/css/gruvbox-dark.css

238 lines
4.6 KiB
CSS

.gruvbox-dark {
background-color: #282828;
color: #ebdbb2
}
.gruvbox-dark h1,
.gruvbox-dark h2,
.gruvbox-dark h3,
.gruvbox-dark h4,
.gruvbox-dark h5,
.gruvbox-dark h6 {
color: #98971a
}
.gruvbox-dark h1 a,
.gruvbox-dark h2 a,
.gruvbox-dark h3 a,
.gruvbox-dark h4 a,
.gruvbox-dark h5 a,
.gruvbox-dark h6 a {
color: #d79921;
border-bottom-color: #d79921
}
.gruvbox-dark h1 a:hover,
.gruvbox-dark h2 a:hover,
.gruvbox-dark h3 a:hover,
.gruvbox-dark h4 a:hover,
.gruvbox-dark h5 a:hover,
.gruvbox-dark h6 a:hover {
background-color: #d79921;
color: #fbf1c7
}
.gruvbox-dark pre {
background-color: #1d2021;
border: none
}
.gruvbox-dark pre code {
color: #689d6a
}
.gruvbox-dark .progress-bar-filled:after,
.gruvbox-dark .progress-bar-filled:before,
.gruvbox-dark code,
.gruvbox-dark strong {
color: #98971a
}
.gruvbox-dark code {
font-weight: 100
}
.gruvbox-dark .progress-bar-filled {
background-color: #98971a
}
.gruvbox-dark table {
color: #fdf4c1
}
.gruvbox-dark table td,
.gruvbox-dark table th {
border-color: #b0bec5
}
.gruvbox-dark table tbody td:first-child {
color: #b0bec5
}
.gruvbox-dark .form-control,
.gruvbox-dark .form-group label {
color: #fdf4c1;
border-color: #98971a
}
.gruvbox-dark .form-group.form-textarea label:after {
background-color: #282828
}
.gruvbox-dark .form-control:focus {
border-color: #bdae93;
color: #bdae93
}
.gruvbox-dark textarea.form-control {
color: #fdf4c1
}
.gruvbox-dark .card {
border-color: #98971a
}
.gruvbox-dark .card .card-header {
background-color: transparent;
color: #fdf4c1;
border-bottom: 1px solid #98971a
}
.gruvbox-dark .btn.btn-ghost.btn-default {
border-color: #607d8b;
color: #607d8b
}
.gruvbox-dark .btn.btn-ghost.btn-default:focus,
.gruvbox-dark .btn.btn-ghost.btn-default:hover {
z-index: 1;
border-color: #ebdbb2;
color: #ebdbb2
}
.gruvbox-dark .btn.btn-ghost.btn-primary:focus,
.gruvbox-dark .btn.btn-ghost.btn-primary:hover {
border-color: #689d6a;
color: #689d6a
}
.gruvbox-dark .btn.btn-ghost.btn-success:focus,
.gruvbox-dark .btn.btn-ghost.btn-success:hover {
border-color: #98971a;
color: #98971a
}
.gruvbox-dark .btn.btn-ghost.btn-info:focus,
.gruvbox-dark .btn.btn-ghost.btn-info:hover {
border-color: #458588;
color: #458588
}
.gruvbox-dark .btn.btn-ghost.btn-error:focus,
.gruvbox-dark .btn.btn-ghost.btn-error:hover {
border-color: #cc241d;
color: #cc241d
}
.gruvbox-dark .btn.btn-ghost.btn-warning:focus,
.gruvbox-dark .btn.btn-ghost.btn-warning:hover {
border-color: #d79931;
color: #d79931
}
.gruvbox-dark .avatarholder,
.gruvbox-dark .placeholder {
background-color: transparent;
border-color: #3c3836
}
.gruvbox-dark .menu .menu-item {
color: #fdf4c1;
border-color: #98971a
}
.gruvbox-dark .menu .menu-item.active,
.gruvbox-dark .menu .menu-item:hover {
color: #fdf4c1;
border-color: #fdf4c1
}
.gruvbox-dark a:visited {
color: #a89984;
border-color: #a89984
}
.gruvbox-dark a:visited:hover {
color: #fdf4c1;
background-color: #a89984
}
@media (prefers-color-scheme: light) {
.gruvbox-dark {
background-color: #fbf1c7;
color: #282828;
}
.gruvbox-dark h1 a:hover,
.gruvbox-dark h2 a:hover,
.gruvbox-dark h3 a:hover,
.gruvbox-dark h4 a:hover,
.gruvbox-dark h5 a:hover,
.gruvbox-dark h6 a:hover {
background-color: #d79921;
color: #282828;
}
.gruvbox-dark pre {
background-color: #f9f5d7;
padding: 0;
border: none;
}
.gruvbox-dark table {
color: #1d2021;
}
.gruvbox-dark .form-control,
.gruvbox-dark .form-group label {
color: #1d2021;
border-color: #98971a
}
.gruvbox-dark .form-group.form-textarea label:after {
background-color: #3c3836;
}
.gruvbox-dark .form-control:focus {
border-color: #665c54;
color: #665c54;
}
.gruvbox-dark textarea.form-control {
color: #282828;
}
.gruvbox-dark .card .card-header {
background-color: transparent;
color: #282828;
border-bottom: 1px solid #98971a
}
.gruvbox-dark .btn.btn-ghost.btn-default:focus,
.gruvbox-dark .btn.btn-ghost.btn-default:hover {
z-index: 1;
border-color: #3c3836;
color: #3c3836;
}
.gruvbox-dark .menu .menu-item {
color: #282828;
border-color: #98971a
}
.gruvbox-dark .menu .menu-item.active,
.gruvbox-dark .menu .menu-item:hover {
color: #282828;
border-color: #282828;
}
.gruvbox-dark a:visited {
color: #7c6f64;
border-color: #7c6f64;
}
.gruvbox-dark a:visited:hover {
color: #3c3836;
background-color: #bdae93;
}
}