diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss index d69fbd2..8c4a424 100644 --- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss +++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -8,7 +8,7 @@ /* 📄 Meta */ :root { - --version: "v2.0.0-pre4"; + --version: "v2.0.0-pre5~"; --variant-name: "Cherry"; --variant-emoji: "\1F352\00A0"; @@ -2481,7 +2481,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { - outline: 6px solid var(--color-content-bg-focus); + outline: 6px solid var(--color-post-bg); } /* 👁️ Post detailed view */ @@ -2555,18 +2555,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu position: relative; } .app-body .detailed-status__meta__line:first-child { + color: transparent; padding-left: 20px; + gap: 0; } .app-body .detailed-status__meta__line:first-child svg { position: absolute; left: 0; } -.app-body .detailed-status__meta__line:first-child { - color: transparent -} .app-body .detailed-status__meta__line:first-child > * { color: var(--color-content-fg); } +.app-body .detailed-status__application::before { + content: "\00B7\00A0"; + margin-left: -3px; +} .app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) { padding-left: 20px; border-radius: 8px; @@ -3176,11 +3179,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu display: none; } -.app-body .status__wrapper.status__wrapper-direct { +.app-body .status__wrapper.status__wrapper-direct, +.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) { --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%); } .app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover), -.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar { +.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar, +.app-body .status__wrapper.status__wrapper-direct.focusable:focus, +.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) { --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%); } @@ -4844,7 +4850,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .notification__message { padding: 12px 12px 5px; - background-color: var(--color-content-bg); + background-color: var(--color-post-bg); color: var(--color-content-fg-bold); transition: all .3s; } @@ -6595,8 +6601,19 @@ a:is(.active, .about__section.active .about__section__title { background-color: var(--color-accent-bg); } +.app-body .rules-list__text, +.app-body .rules-list__hint { + color: var(--color-content-fg); +} +.app-body .rules-list__text { + font-weight: 600; +} +.app-body .rules-list__hint { + opacity: .7; + padding-top: 4px; +} .app-body .rules-list li { - border-bottom: 1px solid var(--color-accent-lines); + border-bottom: 1px solid var(--color-lines); padding: 1em 1.75em 1em 3.4em; } .app-body .rules-list li:last-child { diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss index 226a111..10bdfa4 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -8,7 +8,7 @@ /* 📄 Meta */ :root { - --version: "v2.0.0-pre4"; + --version: "v2.0.0-pre5~"; --variant-name: "Purple"; --variant-emoji: "\1FABB\00A0"; @@ -2481,7 +2481,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { - outline: 6px solid var(--color-content-bg-focus); + outline: 6px solid var(--color-post-bg); } /* 👁️ Post detailed view */ @@ -2555,18 +2555,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu position: relative; } .app-body .detailed-status__meta__line:first-child { + color: transparent; padding-left: 20px; + gap: 0; } .app-body .detailed-status__meta__line:first-child svg { position: absolute; left: 0; } -.app-body .detailed-status__meta__line:first-child { - color: transparent -} .app-body .detailed-status__meta__line:first-child > * { color: var(--color-content-fg); } +.app-body .detailed-status__application::before { + content: "\00B7\00A0"; + margin-left: -3px; +} .app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) { padding-left: 20px; border-radius: 8px; @@ -3176,11 +3179,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu display: none; } -.app-body .status__wrapper.status__wrapper-direct { +.app-body .status__wrapper.status__wrapper-direct, +.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) { --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%); } .app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover), -.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar { +.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar, +.app-body .status__wrapper.status__wrapper-direct.focusable:focus, +.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) { --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%); } @@ -4844,7 +4850,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .notification__message { padding: 12px 12px 5px; - background-color: var(--color-content-bg); + background-color: var(--color-post-bg); color: var(--color-content-fg-bold); transition: all .3s; } @@ -6595,8 +6601,19 @@ a:is(.active, .about__section.active .about__section__title { background-color: var(--color-accent-bg); } +.app-body .rules-list__text, +.app-body .rules-list__hint { + color: var(--color-content-fg); +} +.app-body .rules-list__text { + font-weight: 600; +} +.app-body .rules-list__hint { + opacity: .7; + padding-top: 4px; +} .app-body .rules-list li { - border-bottom: 1px solid var(--color-accent-lines); + border-bottom: 1px solid var(--color-lines); padding: 1em 1.75em 1em 3.4em; } .app-body .rules-list li:last-child { diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss index 1194edb..f38738c 100644 --- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss +++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss @@ -8,7 +8,7 @@ /* 📄 Meta */ :root { - --version: "v2.0.0-pre4"; + --version: "v2.0.0-pre5~"; --variant-name: "Tangerine"; --variant-emoji: "\1F34A\00A0"; @@ -2481,7 +2481,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { - outline: 6px solid var(--color-content-bg-focus); + outline: 6px solid var(--color-post-bg); } /* 👁️ Post detailed view */ @@ -2555,18 +2555,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu position: relative; } .app-body .detailed-status__meta__line:first-child { + color: transparent; padding-left: 20px; + gap: 0; } .app-body .detailed-status__meta__line:first-child svg { position: absolute; left: 0; } -.app-body .detailed-status__meta__line:first-child { - color: transparent -} .app-body .detailed-status__meta__line:first-child > * { color: var(--color-content-fg); } +.app-body .detailed-status__application::before { + content: "\00B7\00A0"; + margin-left: -3px; +} .app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) { padding-left: 20px; border-radius: 8px; @@ -3176,11 +3179,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu display: none; } -.app-body .status__wrapper.status__wrapper-direct { +.app-body .status__wrapper.status__wrapper-direct, +.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) { --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%); } .app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover), -.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar { +.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar, +.app-body .status__wrapper.status__wrapper-direct.focusable:focus, +.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) { --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%); } @@ -4844,7 +4850,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .notification__message { padding: 12px 12px 5px; - background-color: var(--color-content-bg); + background-color: var(--color-post-bg); color: var(--color-content-fg-bold); transition: all .3s; } @@ -6595,8 +6601,19 @@ a:is(.active, .about__section.active .about__section__title { background-color: var(--color-accent-bg); } +.app-body .rules-list__text, +.app-body .rules-list__hint { + color: var(--color-content-fg); +} +.app-body .rules-list__text { + font-weight: 600; +} +.app-body .rules-list__hint { + opacity: .7; + padding-top: 4px; +} .app-body .rules-list li { - border-bottom: 1px solid var(--color-accent-lines); + border-bottom: 1px solid var(--color-lines); padding: 1em 1.75em 1em 3.4em; } .app-body .rules-list li:last-child {