whey.party
+3
-3
src/components/UniversalPostRenderer.tsx
+3
-3
src/components/UniversalPostRenderer.tsx
···
2818
className="link"
2819
style={{
2820
textDecoration: "none",
2821
-
color: "rgb(29, 122, 242)",
2822
wordBreak: "break-all",
2823
}}
2824
target="_blank"
···
2838
result.push(
2839
<span
2840
key={start}
2841
-
style={{ color: "rgb(29, 122, 242)" }}
2842
className=" cursor-pointer"
2843
onClick={(e) => {
2844
e.stopPropagation();
···
2856
result.push(
2857
<span
2858
key={start}
2859
-
style={{ color: "rgb(29, 122, 242)" }}
2860
onClick={(e) => {
2861
e.stopPropagation();
2862
}}
···
2818
className="link"
2819
style={{
2820
textDecoration: "none",
2821
+
color: "var(--link-text-color)",
2822
wordBreak: "break-all",
2823
}}
2824
target="_blank"
···
2838
result.push(
2839
<span
2840
key={start}
2841
+
style={{ color: "var(--link-text-color)" }}
2842
className=" cursor-pointer"
2843
onClick={(e) => {
2844
e.stopPropagation();
···
2856
result.push(
2857
<span
2858
key={start}
2859
+
style={{ color: "var(--link-text-color)" }}
2860
onClick={(e) => {
2861
e.stopPropagation();
2862
}}
+7
-1
src/styles/app.css
+7
-1
src/styles/app.css
···
33
--color-gray-950: oklch(0.129 0.055 var(--safe-hue));
34
}
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
+
42
@layer base {
43
html {
44
color-scheme: light dark;
···
90
.dangerousFediContent {
91
& a[href]{
92
text-decoration: none;
93
+
color: var(--link-text-color);
94
word-break: break-all;
95
}
96
}