mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-12-01 00:08:13 +09:00
Code

Copy CSS files to installation folder

Browse Source
This commit is contained in:
nileane 2024-07-23 11:42:52 +00:00 committed by github-actions[bot]
parent 09274009b4
commit a58b84609d
3 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
View File

@ -2485,6 +2485,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .app-body
:is(.focusable, .status__wrapper.focusable):focus :is(.focusable, .status__wrapper.focusable):focus
:is(.detailed-status, .detailed-status__action-bar), :is(.detailed-status, .detailed-status__action-bar),
.app-body .focusable:focus .notification-ungrouped__header,
.app-body .focusable:focus .status__wrapper,
.app-body .focusable:focus { .app-body .focusable:focus {
outline: 0; outline: 0;
--color-post-bg: var(--color-content-bg-focus); --color-post-bg: var(--color-content-bg-focus);
@ -2493,7 +2495,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.app-body .status__wrapper:has(.status__content:hover), .app-body .status__wrapper:has(.status__content:hover),
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover), .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover),
.app-body .status__wrapper:has(.status__content:hover) .status__avatar { .app-body .status__wrapper:has(.status__content:hover) .status__avatar,
.app-body .notification-ungrouped:has(.status__wrapper .status__content:hover) .notification-ungrouped__header {
--color-post-bg: var(--color-content-bg-focus); --color-post-bg: var(--color-content-bg-focus);
} }
} }
@ -5032,7 +5035,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg-muted); color: var(--color-content-fg-muted);
} }
.app-body .notification.unread::before, .app-body .notification.unread::before,
.app-body .status__wrapper.unread::before { .app-body .status__wrapper.unread::before,
.app-body .notification-group--unread:before,
.app-body .notification-ungrouped--unread:before {
background-color: var(--color-accent); background-color: var(--color-accent);
width: 8px; width: 8px;
border: 0; border: 0;
@ -5310,6 +5315,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
font-weight: 500; font-weight: 500;
color: var(--color-content-fg); color: var(--color-content-fg);
background-color: var(--color-post-bg);
transition: background .3s;
} }
.app-body .notification-ungrouped__header bdi { .app-body .notification-ungrouped__header bdi {
font-weight: bold; font-weight: bold;

11
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
View File

@ -2485,6 +2485,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .app-body
:is(.focusable, .status__wrapper.focusable):focus :is(.focusable, .status__wrapper.focusable):focus
:is(.detailed-status, .detailed-status__action-bar), :is(.detailed-status, .detailed-status__action-bar),
.app-body .focusable:focus .notification-ungrouped__header,
.app-body .focusable:focus .status__wrapper,
.app-body .focusable:focus { .app-body .focusable:focus {
outline: 0; outline: 0;
--color-post-bg: var(--color-content-bg-focus); --color-post-bg: var(--color-content-bg-focus);
@ -2493,7 +2495,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.app-body .status__wrapper:has(.status__content:hover), .app-body .status__wrapper:has(.status__content:hover),
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover), .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover),
.app-body .status__wrapper:has(.status__content:hover) .status__avatar { .app-body .status__wrapper:has(.status__content:hover) .status__avatar,
.app-body .notification-ungrouped:has(.status__wrapper .status__content:hover) .notification-ungrouped__header {
--color-post-bg: var(--color-content-bg-focus); --color-post-bg: var(--color-content-bg-focus);
} }
} }
@ -5032,7 +5035,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg-muted); color: var(--color-content-fg-muted);
} }
.app-body .notification.unread::before, .app-body .notification.unread::before,
.app-body .status__wrapper.unread::before { .app-body .status__wrapper.unread::before,
.app-body .notification-group--unread:before,
.app-body .notification-ungrouped--unread:before {
background-color: var(--color-accent); background-color: var(--color-accent);
width: 8px; width: 8px;
border: 0; border: 0;
@ -5310,6 +5315,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
font-weight: 500; font-weight: 500;
color: var(--color-content-fg); color: var(--color-content-fg);
background-color: var(--color-post-bg);
transition: background .3s;
} }
.app-body .notification-ungrouped__header bdi { .app-body .notification-ungrouped__header bdi {
font-weight: bold; font-weight: bold;

11
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
View File

@ -2485,6 +2485,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .app-body
:is(.focusable, .status__wrapper.focusable):focus :is(.focusable, .status__wrapper.focusable):focus
:is(.detailed-status, .detailed-status__action-bar), :is(.detailed-status, .detailed-status__action-bar),
.app-body .focusable:focus .notification-ungrouped__header,
.app-body .focusable:focus .status__wrapper,
.app-body .focusable:focus { .app-body .focusable:focus {
outline: 0; outline: 0;
--color-post-bg: var(--color-content-bg-focus); --color-post-bg: var(--color-content-bg-focus);
@ -2493,7 +2495,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.app-body .status__wrapper:has(.status__content:hover), .app-body .status__wrapper:has(.status__content:hover),
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover), .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover),
.app-body .status__wrapper:has(.status__content:hover) .status__avatar { .app-body .status__wrapper:has(.status__content:hover) .status__avatar,
.app-body .notification-ungrouped:has(.status__wrapper .status__content:hover) .notification-ungrouped__header {
--color-post-bg: var(--color-content-bg-focus); --color-post-bg: var(--color-content-bg-focus);
} }
} }
@ -5032,7 +5035,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
color: var(--color-content-fg-muted); color: var(--color-content-fg-muted);
} }
.app-body .notification.unread::before, .app-body .notification.unread::before,
.app-body .status__wrapper.unread::before { .app-body .status__wrapper.unread::before,
.app-body .notification-group--unread:before,
.app-body .notification-ungrouped--unread:before {
background-color: var(--color-accent); background-color: var(--color-accent);
width: 8px; width: 8px;
border: 0; border: 0;
@ -5310,6 +5315,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
position: relative; position: relative;
font-weight: 500; font-weight: 500;
color: var(--color-content-fg); color: var(--color-content-fg);
background-color: var(--color-post-bg);
transition: background .3s;
} }
.app-body .notification-ungrouped__header bdi { .app-body .notification-ungrouped__header bdi {
font-weight: bold; font-weight: bold;