# HG changeset patch
# User Trần H. Trung <[email protected]>
# Date 1669661040 -25200
# Tue Nov 29 01:44:00 2022 +0700
# Node ID 6b7763c64128d1e0243e3febb2b63df156ff6fed
# Parent 9a4801d66a32852704c26be25569fdaa706113ea
Add dark mode.
diff -r 9a4801d66a32 -r 6b7763c64128 prosody.css
--- a/prosody.css Tue Nov 15 17:53:18 2022 +0100
+++ b/prosody.css Tue Nov 29 01:44:00 2022 +0700
@@ -96,34 +96,92 @@
div.column{display: inline-block; vertical-align: top; width: 50%;}
q { quotes: "“" "”" "‘" "’"; }
-/* WIP Dark mode
- * has some issues
-@media screen and (prefers-color-scheme: dark){
+/***** DARK MODE ******/
+@media screen and (prefers-color-scheme: dark) {
body {
- background-color: #111;
- color: #eee;
+ background-color: #111 !important;
+ color: #eee !important;
}
.jumbotron {
- background-color: #222;
+ background-color: #222 !important;
}
.navbar {
- background-image: linear-gradient(to right, #004, #13a);
- border-color: #940;
- color: #eee;
+ background-image: linear-gradient(to right, #004, #13a) !important;
+ /*border-color: #e49200 !important; /* Cur light mode. */
+ /*border-color: #940 !important;*/ /* Cur dark mode is abit
dull. */
+ border-color: #e47500 !important; /* Hence more contrast. */
+ color: #eee !important;
}
.btn {
- color: #fff;
+ color: #fff !important;
}
.btn-default: {
- background-color: #222;
+ background-color: #222 !important;
}
pre {
- background-color: #222;
- color: #fff;
+ background-color: #222 !important;
+ color: #fff !important;
+ }
+ .nav > li > a, .nav > li > a:hover, .nav > li > a:focus {
+ background-color: #222 !important;
+ color: #ffff !important;
+ }
+ /* Buttons in top navigation bar. */
+ .navbar .navbar-nav a, .navbar .navbar-nav a:focus, .navbar
.navbar-nav a:hover {
+ background-color: transparent !important;
+ }
+ /* HG WEB */
+ .parity0, .stripes4 > :nth-child(4n+1), .stripes2 > :nth-child(2n+1) {
/* Stripes odd. */
+ background-color: #111 !important;
+ }
+ .parity1, .stripes4 > :nth-child(4n+3), .stripes2 > :nth-child(2n+2) {
/* Stripes even. */
+ background-color: #222 !important;
+ }
+ div.annotate-info, div#followlines { /* Mouse pop-ups. */
+ background-color: #111 !important;
+ color: #fff !important;
+ }
+ .s2 {/* Strings. */
+ background-color: transparent !important;
+ }
+ .btn-default { /* Lower & search buttons. */
+ background-color: #222 !important;
+ }
+ .form-control { /* Search box */
+ color: #fff !important;
+ background-color: #222 !important;
}
- .nav > li > a, .nav > li > a:hover, .nav > li > a:focus {
- background-color: #222;
- color: #ffff;
+ /* MAIN WEB */
+ code {
+ color: #fff !important;
+ background-color: #222 !important;
+ }
+ .alert-warning {
+ /* background-color: #fcf8e3 /* Light mode */
+ /* color: #8a6d3b; /* Light mode */
+ background-color: #3c3833 !important;
+ color: #8a6d3b;
+ }
+ /* MODULES WEB */
+ .label {
+ color: #111 !important;
+ }
+ .panel {
+ background-color: transparent !important;
+ }
+ /* ISSUE TRACKER */
+ .table-striped > tbody > tr:nth-of-type(odd) {
+ background-color: #111 !important;
+ }
+ .comment {
+ background-image: none !important;
+ }
+ select.form-control {
+ color: #111 !important;
+ }
+ /* BLOG */
+ .callout {
+ color: #fff !important;
+ background-color: #111 !important;
}
}
-*/
--
You received this message because you are subscribed to the Google Groups
"prosody-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/prosody-dev/6b53098d-f75f-422f-9b22-265536170190n%40googlegroups.com.
