zzstoatzz.io
slack status without the slack
status.zzstoatzz.io/
quickslice
Merge pull request #58 from zzstoatzz/fix/hover-accent-colors
Fix link hover colors to respect accent color preference
authored by
nate nowack
and committed by
GitHub
cfd09b95
88d7660c
+1
-1
templates/error.html
+1
-1
templates/error.html
+8
-2
templates/feed.html
+8
-2
templates/feed.html
···
197
--text-tertiary: #adb5bd;
198
--border-color: #e9ecef;
199
--accent: #4a9eff;
200
-
--accent-hover: #3a8eee;
201
--danger: #dc3545;
202
--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
203
--shadow-md: 0 4px 6px rgba(0,0,0,0.07);
···
662
transition: color 0.2s;
663
}
664
665
-
.status-author:hover {
666
color: var(--accent);
667
}
668
···
197
--text-tertiary: #adb5bd;
198
--border-color: #e9ecef;
199
--accent: #4a9eff;
200
+
--accent-hover: color-mix(in srgb, var(--accent) 85%, black);
201
--danger: #dc3545;
202
--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
203
--shadow-md: 0 4px 6px rgba(0,0,0,0.07);
···
662
transition: color 0.2s;
663
}
664
665
+
.status-author:link,
666
+
.status-author:visited {
667
+
color: var(--text-secondary);
668
+
}
669
+
670
+
.status-author:hover,
671
+
.status-author:active {
672
color: var(--accent);
673
}
674
+1
-1
templates/login.html
+1
-1
templates/login.html
+7
-1
templates/status.html
+7
-1
templates/status.html
···
599
border-radius: var(--radius-sm);
600
}
601
602
+
.handle-link:link,
603
+
.handle-link:visited {
604
+
color: var(--text-secondary);
605
+
}
606
+
607
.handle-link::before {
608
content: '';
609
position: absolute;
···
616
filter: blur(8px);
617
}
618
619
+
.handle-link:hover,
620
+
.handle-link:active {
621
color: var(--accent);
622
text-shadow: 0 0 12px var(--accent);
623
}