smokephil/water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2026-01-27 23:37:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

updated the ui of toggle dark theme #347

Browse source 
#347
This commit is contained in:
suman 2024-10-02 12:59:27 +05:30
parent efc97a048e
commit 1b208510b8
2 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
.changeset/curvy-carrots-nail.md Normal file
View file

@ -0,0 +1,5 @@
---
"water.css": patch
---
updated the ui of toggle dark theme

13
docs/style.css
View file

@ -64,7 +64,7 @@ body > footer {
justify-content: space-between;
}
/* toggle dark mode */
/* toggle theme */
#theme-container {
position: fixed;
top: 20px;
@ -73,10 +73,12 @@ body > footer {
}
#theme-toggle {
padding: 10px 15px;
background-color: #bebebe;
width: 50px; /* Equal width and height for a perfect circle */
height: 50px;
padding: 0; /* No padding so that the circle shape is maintained */
background-color: #dddbdb;
border: none;
border-radius: 5px;
border-radius: 50%; /* Makes it a circle */
cursor: pointer;
box-shadow: 0 2px 5px #0003;
color: #000;
@ -88,4 +90,7 @@ body > footer {
#themeIcon {
height: 25px;
width: 25px;
display: block;
margin: 0 auto; /* Centers the icon within the circle */
}