mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +09:00
Code

Adjusted toggle color

Browse Source
This commit is contained in:
Niléane 2023-12-11 01:04:17 +01:00
parent 483192e936
commit 38a6276dfa
No known key found for this signature in database
3 changed files with 12 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
TangerineUI-cherry.css
View File

@ -2204,11 +2204,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
border-bottom: 0;
box-shadow: 0 -20px 0 var(--color-bg);
background-color: var(--color-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
}
.app-body .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent;
@ -3886,19 +3885,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-focus);
}
.app-body .setting-toggle__label {
vertical-align: top;
}
.app-body .react-toggle-track {
background-color: var(--color-accent-lines);
box-shadow:
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset
background-color: var(--color-fg-muted);
transition: all .2s;
}
.app-body .react-toggle-thumb {
border: 0;
background-color: #ffffff;
}
.app-body .react-toggle.react-toggle--checked .react-toggle-track,
.app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,

15
TangerineUI-purple.css
View File

@ -2203,11 +2203,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
border-bottom: 0;
box-shadow: 0 -20px 0 var(--color-bg);
background-color: var(--color-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
}
.app-body .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent;
@ -3885,19 +3884,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-focus);
}
.app-body .setting-toggle__label {
vertical-align: top;
}
.app-body .react-toggle-track {
background-color: var(--color-accent-lines);
box-shadow:
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset
background-color: var(--color-fg-muted);
transition: all .2s;
}
.app-body .react-toggle-thumb {
border: 0;
background-color: #ffffff;
}
.app-body .react-toggle.react-toggle--checked .react-toggle-track,
.app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,

15
TangerineUI.css
View File

@ -2203,11 +2203,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .column-header__collapsible {
border-bottom: 0;
box-shadow: 0 -20px 0 var(--color-bg);
background-color: var(--color-secondary-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
}
.app-body .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent;
@ -3885,19 +3884,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-focus);
}
.app-body .setting-toggle__label {
vertical-align: top;
}
.app-body .react-toggle-track {
background-color: var(--color-accent-lines);
box-shadow:
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset
background-color: var(--color-fg-muted);
transition: all .2s;
}
.app-body .react-toggle-thumb {
border: 0;
background-color: #ffffff;
}
.app-body .react-toggle.react-toggle--checked .react-toggle-track,
.app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,