Add more helper variables

ronilaukkarinen · Jul 5, 2023 · e3ad8b2 · e3ad8b2
1 parent aab6410
commit e3ad8b2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -51,6 +51,9 @@
   --color-ghost-button-text: var(--color-button-text);
   --color-verified: #79bd9a;
   --color-destructive: #df405a;
+  --color-light-fuchsia-pink: #ff8cfd;
+  --color-hashtag: var(--color-accent);
+  --color-mention: var(--color-accent);
 
   /* In the original UI this color is lighten($ui-base-color, 12%) */
   --color-outer-space: #42485a;
@@ -302,6 +305,15 @@ body.layout-multiple-columns {
   color: var(--color-fg);
 }
 
+/* Link color variants */
+.layout-multiple-columns .status-link.hashtag {
+  color: var(--color-hashtag);
+}
+
+.layout-multiple-columns .status-link.mention:not(.hashtag) {
+  color: var(--color-mention);
+}
+
 /* Logo */
 .layout-multiple-columns .ui__header__logo,
 .layout-multiple-columns .column-link.column-link--logo {

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -51,6 +51,9 @@
   --color-ghost-button-text: var(--color-button-text);
   --color-verified: #79bd9a;
   --color-destructive: #df405a;
+  --color-light-fuchsia-pink: #ff8cfd;
+  --color-hashtag: var(--color-accent);
+  --color-mention: var(--color-accent);
 
   /* In the original UI this color is lighten($ui-base-color, 12%) */
   --color-outer-space: #42485a;
@@ -308,6 +311,15 @@ body.layout-single-column {
   color: var(--color-fg);
 }
 
+/* Link color variants */
+.layout-single-column .status-link.hashtag {
+  color: var(--color-hashtag);
+}
+
+.layout-single-column .status-link.mention:not(.hashtag) {
+  color: var(--color-mention);
+}
+
 /* Logo */
 .layout-single-column .ui__header__logo,
 .layout-single-column .column-link.column-link--logo {