watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2025-12-06 01:18:00 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

New icons for theme button.

Browse source
This commit is contained in:
Mike Cao 2020-09-20 15:42:01 -07:00
parent eb9f044d19
commit 92d1fddf8b
8 changed files with 38 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

42
components/settings/ThemeButton.module.css
View file

@ -1,43 +1,3 @@
.icon {
.button svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
line-height: 16px;
}
.sun {
height: 16px;
width: 16px;
border-radius: 100%;
background: var(--gray900);
z-index: 1;
}
.moon {
height: 16px;
width: 16px;
border-radius: 100%;
background: var(--gray900);
}
.moon:before {
content: '';
position: absolute;
height: 13px;
width: 13px;
left: -2px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 100%;
background: var(--gray50);
}
.light .moon {
display: none;
}
.dark .sun {
display: none;
}