css/gruvbox-dark: enable light mode if the os tells me to (#342)

* css/gruvbox-dark: enable light mode if the os tells me to

Signed-off-by: Christine Dodrill <me@christine.website>

* handlers: add Last-Modified support

Signed-off-by: Christine Dodrill <me@christine.website>

1 files changed, 238 insertions, 1 deletions

diff --git a/css/gruvbox-dark.css b/css/gruvbox-dark.css
index a947d9d..f3478df 100644
--- a/css/gruvbox-dark.css
+++ b/css/gruvbox-dark.css
@@ -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}
\ No newline at end of file
+

+

+.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;

+	}

+}
\ No newline at end of file