an independent Bluesky client using Constellation, PDS Queries, and other services
reddwarf.app
frontend
spa
bluesky
reddwarf
microcosm
client
app
hue link colors
+10
-4
+3
-3
src/components/UniversalPostRenderer.tsx
+3
-3
src/components/UniversalPostRenderer.tsx
···
2818
2818
className="link"
2819
2819
style={{
2820
2820
textDecoration: "none",
2821
-
color: "rgb(29, 122, 242)",
2821
+
color: "var(--link-text-color)",
2822
2822
wordBreak: "break-all",
2823
2823
}}
2824
2824
target="_blank"
···
2838
2838
result.push(
2839
2839
<span
2840
2840
key={start}
2841
-
style={{ color: "rgb(29, 122, 242)" }}
2841
+
style={{ color: "var(--link-text-color)" }}
2842
2842
className=" cursor-pointer"
2843
2843
onClick={(e) => {
2844
2844
e.stopPropagation();
···
2856
2856
result.push(
2857
2857
<span
2858
2858
key={start}
2859
-
style={{ color: "rgb(29, 122, 242)" }}
2859
+
style={{ color: "var(--link-text-color)" }}
2860
2860
onClick={(e) => {
2861
2861
e.stopPropagation();
2862
2862
}}
+7
-1
src/styles/app.css
+7
-1
src/styles/app.css
···
33
33
--color-gray-950: oklch(0.129 0.055 var(--safe-hue));
34
34
}
35
35
36
+
:root {
37
+
--link-text-color: oklch(0.5962 0.1987 var(--safe-hue));
38
+
/* max chroma!!! use fallback*/
39
+
/*--link-text-color: oklch(0.6 0.37 var(--safe-hue));*/
40
+
}
41
+
36
42
@layer base {
37
43
html {
38
44
color-scheme: light dark;
···
84
90
.dangerousFediContent {
85
91
& a[href]{
86
92
text-decoration: none;
87
-
color: rgb(29, 122, 242);
93
+
color: var(--link-text-color);
88
94
word-break: break-all;
89
95
}
90
96
}