beenull/power-mailinabox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Disable dark mode CSS for now

Browse source 
It doesn't play nice with the current admin panel. I'll design a better dark mode in the future.
This commit is contained in:
David Duque 2021-10-19 17:26:05 +01:00
parent 856260bf29
commit 7caa4f5c4e
No known key found for this signature in database
GPG key ID: 2F327738A3C0AE3A
1 changed files with 26 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
management/templates/index.html
View file

@ -69,33 +69,34 @@
.if-logged-in { display: none; } .if-logged-in { display: none; }
.if-logged-in-admin { display: none; } .if-logged-in-admin { display: none; }
/* The below only gets used if it is supported */ /* The below only gets used if it is supported */
@media (prefers-color-scheme: dark) { /* @media (prefers-color-scheme: dark) {*/
/* Invert invert lightness but not hue */ /* Invert invert lightness but not hue */
html { /*html {
filter: invert(100%) hue-rotate(180deg); filter: invert(100%) hue-rotate(180deg);
} }*/
/* Set explicit background color (necessary for Firefox) */ /* Set explicit background color (necessary for Firefox) */
html { /*html {
background-color: #111; background-color: #111;
} }*/
/* Override Boostrap theme here to give more contrast. The black turns to white by the filter. */
.form-control {
color: black !important;
}
/* Revert the invert for the navbar */ /* Override Boostrap theme here to give more contrast. The black turns to white by the filter. */
button, div.navbar { /*.form-control {
filter: invert(100%) hue-rotate(180deg); color: black !important;
} }*/
/* Revert the revert for the dropdowns */ /* Revert the invert for the navbar */
ul.dropdown-menu { /*button,
filter: invert(100%) hue-rotate(180deg); div.navbar {
} filter: invert(100%) hue-rotate(180deg);
} }/*
/* Revert the revert for the dropdowns */
/*ul.dropdown-menu {
filter: invert(100%) hue-rotate(180deg);
}
}*/
</style> </style>
</head> </head>
<body> <body>