chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweaked hashtag bar design

Browse source
This commit is contained in:
Niléane 2023-08-25 14:42:59 +02:00
commit 6426bfef0c
No known key found for this signature in database
4 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

12
TangerineUI-purple.css
View file

@ -1081,13 +1081,11 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-fg-muted);
background-color: var(--color-accent-lines);
border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
.layout-single-column .hashtag-bar a:hover { .layout-single-column .hashtag-bar a:hover {
background-color: var(--color-content-secondary-bg); color: var(--color-accent);
} }
/* ⭐ Action bar */ /* ⭐ Action bar */
@ -3194,6 +3192,12 @@ body.layout-single-column {
.layout-single-column .interaction-modal__choices__choice p { .layout-single-column .interaction-modal__choices__choice p {
color: var(--color-fg); color: var(--color-fg);
} }
.layout-single-column .interaction-modal p {
color: var(--color-content-fg);
}
.layout-single-column .interaction-modal p.hint {
color: var(--color-content-fg-muted);
}
.layout-single-column .interaction-modal .button, .layout-single-column .interaction-modal .button,
.layout-single-column .interaction-modal .button.button-tertiary { .layout-single-column .interaction-modal .button.button-tertiary {
padding: 10px 18px; padding: 10px 18px;

6
TangerineUI.css
View file

@ -1081,13 +1081,11 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-fg-muted);
background-color: var(--color-accent-lines);
border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
.layout-single-column .hashtag-bar a:hover { .layout-single-column .hashtag-bar a:hover {
background-color: var(--color-content-secondary-bg); color: var(--color-accent);
} }
/* ⭐ Action bar */ /* ⭐ Action bar */

12
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -1081,13 +1081,11 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-fg-muted);
background-color: var(--color-accent-lines);
border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
.layout-single-column .hashtag-bar a:hover { .layout-single-column .hashtag-bar a:hover {
background-color: var(--color-content-secondary-bg); color: var(--color-accent);
} }
/* ⭐ Action bar */ /* ⭐ Action bar */
@ -3194,6 +3192,12 @@ body.layout-single-column {
.layout-single-column .interaction-modal__choices__choice p { .layout-single-column .interaction-modal__choices__choice p {
color: var(--color-fg); color: var(--color-fg);
} }
.layout-single-column .interaction-modal p {
color: var(--color-content-fg);
}
.layout-single-column .interaction-modal p.hint {
color: var(--color-content-fg-muted);
}
.layout-single-column .interaction-modal .button, .layout-single-column .interaction-modal .button,
.layout-single-column .interaction-modal .button.button-tertiary { .layout-single-column .interaction-modal .button.button-tertiary {
padding: 10px 18px; padding: 10px 18px;

6
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -1081,13 +1081,11 @@ body.layout-single-column {
/* Hashtag bar */ /* Hashtag bar */
.layout-single-column .hashtag-bar a { .layout-single-column .hashtag-bar a {
color: var(--color-accent); color: var(--color-fg-muted);
background-color: var(--color-accent-lines);
border-radius: 8px;
transition: all .3s; transition: all .3s;
} }
.layout-single-column .hashtag-bar a:hover { .layout-single-column .hashtag-bar a:hover {
background-color: var(--color-content-secondary-bg); color: var(--color-accent);
} }
/* ⭐ Action bar */ /* ⭐ Action bar */