progress
This commit is contained in:
@@ -5,6 +5,7 @@
|
||||
<button
|
||||
class="btn-icon"
|
||||
data-theme-toggle
|
||||
data-current-theme="auto"
|
||||
onclick="window.themeUtils.toggleTheme()"
|
||||
title="Toggle theme"
|
||||
>
|
||||
@@ -39,12 +40,26 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Default to auto icon if no attribute is set */
|
||||
[data-theme-toggle] .theme-icon-auto {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[data-current-theme="light"] .theme-icon-light,
|
||||
[data-current-theme="dark"] .theme-icon-dark,
|
||||
[data-current-theme="auto"] .theme-icon-auto {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[data-current-theme="light"] .theme-icon-dark,
|
||||
[data-current-theme="light"] .theme-icon-auto,
|
||||
[data-current-theme="dark"] .theme-icon-light,
|
||||
[data-current-theme="dark"] .theme-icon-auto,
|
||||
[data-current-theme="auto"] .theme-icon-light,
|
||||
[data-current-theme="auto"] .theme-icon-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-current-theme="auto"] path {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user