css/gruvbox-dark: enable light mode if the os tells me to
Signed-off-by: Christine Dodrill <me@christine.website>
This commit is contained in:
parent
dd445722fe
commit
c1e6f535cf
|
|
@ -1 +1,238 @@
|
|||
.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;padding:0;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}
|
||||
|
||||
|
||||
.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;
|
||||
padding: 0;
|
||||
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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue