smokephil/water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-12-06 06:44:58 +01:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

base: smokephil:5ee8e2dbce6676743472b09e9c670a00b42cfbeb
Branches Tags
smokephil:master
smokephil:development
smokephil:kylejrp-patch-1
smokephil:better-form-controls
smokephil:feat/a11y-checks-parallel
smokephil:gh-pages
smokephil:2.1.1
smokephil:2.0.0
smokephil:1.4.0
smokephil:1.2.2
smokephil:1.2.1
smokephil:1.2.0
smokephil:1.1.2
smokephil:1.1.1
smokephil:1.1.0
smokephil:1.0.0
...
compare: smokephil:040f5d245b7d270c06658d2077d2de979e09121f
Branches Tags
smokephil:development
smokephil:master
smokephil:kylejrp-patch-1
smokephil:better-form-controls
smokephil:feat/a11y-checks-parallel
smokephil:gh-pages
smokephil:2.1.1
smokephil:2.0.0
smokephil:1.4.0
smokephil:1.2.2
smokephil:1.2.1
smokephil:1.2.0
smokephil:1.1.2
smokephil:1.1.1
smokephil:1.1.0
smokephil:1.0.0

3 commits
5ee8e2dbce ... 040f5d245b

Author SHA1 Message Date
MAxX
040f5d245b
Merge 792f9253a0 into d950cbc9f8 2024-10-02 07:33:02 +00:00
suman
792f9253a0 Update style.css 2024-10-02 13:02:38 +05:30
suman
1b208510b8 updated the ui of toggle dark theme #347 
#347
 2024-10-02 12:59:27 +05:30
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; justify-content: space-between;
} }
/* toggle dark mode */ /* toggle dark theme */
#theme-container { #theme-container {
position: fixed; position: fixed;
top: 20px; top: 20px;
@ -73,10 +73,12 @@ body > footer {
} }
#theme-toggle { #theme-toggle {
padding: 10px 15px; width: 50px;
background-color: #bebebe; height: 50px;
padding: 0;
background-color: #dddbdb;
border: none; border: none;
border-radius: 5px; border-radius: 50%;
cursor: pointer; cursor: pointer;
box-shadow: 0 2px 5px #0003; box-shadow: 0 2px 5px #0003;
color: #000; color: #000;
@ -88,4 +90,7 @@ body > footer {
#themeIcon { #themeIcon {
height: 25px; height: 25px;
width: 25px;
display: block;
margin: 0 auto;
} }