add option for darkmode navbar and invert logo.svg when darkmode is used
This commit is contained in:
1 parent
143856d51b
commit
53b87a4e03
1 file changed
+17
+17
@@ -288,6 +288,10 @@
|
|||||||
color: #eee;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:root.dark .navbar {
|
||||||
|
background: rgba(36, 36, 36, 0.72);
|
||||||
|
}
|
||||||
|
|
||||||
:root.dark .card {
|
:root.dark .card {
|
||||||
background: rgba(36, 36, 36, 0.72);
|
background: rgba(36, 36, 36, 0.72);
|
||||||
}
|
}
|
||||||
@@ -344,6 +348,10 @@
|
|||||||
color: #7ee2a8;
|
color: #7ee2a8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:root.dark .logo-bar img {
|
||||||
|
filter: url(#logo-dark-tint);
|
||||||
|
}
|
||||||
|
|
||||||
:root.dark .adhoc-link a {
|
:root.dark .adhoc-link a {
|
||||||
color: #99ccff;
|
color: #99ccff;
|
||||||
}
|
}
|
||||||
@@ -351,6 +359,15 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<svg width="0" height="0" style="position: absolute;" aria-hidden="true">
|
||||||
|
<filter id="logo-dark-tint">
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.8667
|
||||||
|
0 0 0 0 0.8431
|
||||||
|
0 0 0 0 0.8235
|
||||||
|
0 0 0 1 0"/>
|
||||||
|
</filter>
|
||||||
|
</svg>
|
||||||
|
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<div id="logoBar" class="logo-bar hidden">
|
<div id="logoBar" class="logo-bar hidden">
|
||||||
<img id="logoImage" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Logo">
|
<img id="logoImage" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Logo">
|
||||||
|
|||||||
Reference in new issue
Block a user