alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixing switch themes on light mode

Browse Source
This commit is contained in:
Darren Burns
2024-11-14 12:47:08 +00:00
parent 1c909aaa93
commit 7914cceff0
1 changed files with 25 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/textual/widgets/_switch.py
View File

@@ -51,27 +51,43 @@ class Switch(Widget, can_focus=True):
height: auto;
width: auto;
padding: 0 2;
&.-on > .switch--slider {
&.-on .switch--slider {
color: $success;
}
& > .switch--slider {
background: $surface-darken-1;
color: $surface-lighten-2;
& .switch--slider {
color: $panel;
background: $panel-darken-1;
}
&:hover {
& > .switch--slider {
color: $surface-lighten-3;
color: $panel-lighten-1
}
&.-on {
& > .switch--slider {
color: $success-lighten-1;
}
&.-on > .switch--slider {
color: $success-lighten-1;
}
}
&:focus {
border: tall $border;
background-tint: $foreground 5%;
}
&:light {
&.-on .switch--slider {
color: $success;
}
& .switch--slider {
color: $primary 15%;
background: $panel-darken-1;
}
&:hover {
& > .switch--slider {
color: $primary 25%;
}
&.-on > .switch--slider {
color: $success-lighten-1;
}
}
}
}
"""