mirror of
https://github.com/He4eT/tabswiper.git
synced 2026-05-05 00:57:23 +00:00
46 lines
690 B
CSS
46 lines
690 B
CSS
html, body {
|
|
font-family: sans;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.popup {
|
|
--step: 8px;
|
|
|
|
--color-bg: #ffffff;
|
|
--color-text: #333333;
|
|
--color-accent: #888888;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.popup {
|
|
--color-bg: #1c1c1c;
|
|
--color-text: #eeeeee;
|
|
--color-accent: #cccccc;
|
|
}
|
|
}
|
|
|
|
/* Controls */
|
|
|
|
*:focus-visible {
|
|
outline-color: var(--color-accent);
|
|
outline-offset: 4px;
|
|
outline-style: solid;
|
|
outline-width: 1px;
|
|
}
|
|
|
|
/* Button */
|
|
|
|
button {
|
|
border: none;
|
|
border-radius: 0;
|
|
background: var(--color-bg);
|
|
color: var(--color-text);
|
|
cursor: pointer;
|
|
font: inherit;
|
|
}
|
|
|
|
button:active {
|
|
border-color: var(--color-accent);
|
|
color: var(--color-accent);
|
|
}
|