/* A little color to avoid a fully monochromatic theme. */
--accent-color: #287789;
--accent-color-bright: #44c7ef;
+ --text-fg-on-accent: white;
+ --text-fg-on-accent-bright: #333738;
/* Some colors intended to convey semnatics. */
--warning-color: #ffa92a;
a:visited {
color: var(--accent-color);
}
-a:hover {
- color: var(--accent-color-bright);
+@media (hover:hover) {
+ a:hover {
+ color: var(--accent-color-bright);
+ }
}
a:active {
color: var(--accent-color-bright);
border-radius: 4px;
background-color: var(--accent-color);
border: none;
- color: white;
+ color: var(--text-fg-on-accent);
text-align: center;
font-size: 125%;
margin-top: .25em;
width: auto;
}
-button:hover {
- transform: translateY(-1px);
- background-color: var(--accent-color-bright);
+@media (hover:hover) {
+ button:hover {
+ transform: translateY(-1px);
+ background-color: var(--accent-color-bright);
+ }
}
:focus {
top: 0;
}
-.hide-button:hover {
- color: var(--danger-color-dark);
+@media (hover:hover) {
+ .hide-button:hover {
+ color: var(--danger-color-dark);
+ }
}
/*\