Better selected-border colors for headerbar

pull/1/head
Francesco Minnocci 2 years ago
parent 46d8b5b878
commit 85b24db785
Signed by: BachoSeven
GPG Key ID: 2BE4AB7FDAD828A4

@ -24,13 +24,13 @@ html {
--border-selected-500: #909090;
--text-500: #282828;
--accent-500: #d6ffc2;
--accent-100: #6cc16c;
--accent-500: #6cc16c;
--accent-100: #d6ffc2;
--accent-900: #244624;
}
body.dark-mode {
--bg-500: hsl(269, 24%, 18%);
--bg-500: hsl(269, 24%, 20%);
--bg-selected-500: #722da0;
--bg-highlight-500: #a64edb;
--border-400: hsl(269, 40%, 50%);
@ -40,9 +40,9 @@ body.dark-mode {
--border-selected-500: #b66af6;
--text-500: #e6cff6;
--accent-100: hsl(269, 44%, 24%);
--accent-500: hsl(269, 50%, 60%);
--accent-900: hsl(269, 20%, 80%);
--accent-500: hsl(269, 40%, 70%);
--accent-100: hsl(269, 50%, 50%);
--accent-900: hsl(269, 30%, 90%);
}
$device-s-width: 600px;
@ -138,8 +138,8 @@ button,
}
&.primary {
background: var(--accent-500);
border-color: var(--accent-100);
background: var(--accent-100);
border-color: var(--accent-500);
&:hover::after {
background: #00000020;
@ -316,11 +316,11 @@ button,
&.radio {
&.selected {
background: var(--accent-500);
border-color: var(--accent-100);
background: var(--accent-100);
border-color: var(--accent-500);
& + .radio {
border-left-color: var(--accent-100);
border-left-color: var(--accent-500);
}
&:hover::after {

Loading…
Cancel
Save