From 56942953b2565c3964b1276c1ac1bf04e14ce6e9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Sun, 19 Nov 2023 18:24:39 +0100 Subject: [PATCH] Switched announcement section to secondary background color --- TangerineUI-purple.css | 28 +++++++++++++++++-- TangerineUI.css | 28 +++++++++++++++++-- .../layout-single-column.scss | 28 +++++++++++++++++-- .../tangerineui/layout-single-column.scss | 28 +++++++++++++++++-- 4 files changed, 104 insertions(+), 8 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 89db3d4..253260c7 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } +@keyframes makeawish { + 0% { + transform: scale(120%) translate(0, 0) rotate(0deg); + } + 100% { + transform: scale(200%) translate(100vw, 100vh) rotate(600deg); + } +} +.app-body:has(.search__input[value="Tangerine"])::after { + content: "🍊"; + position: fixed; + display: block; + text-align: center; + width: 30px; + height: 30px; + font-size: 27px; + line-height: 30px; + top: -40px; + left: -40px; + animation: + 10s linear 0s makeawish; +} + /* Dismissable banners */ @@ -4032,14 +4055,15 @@ a:is(.active, /* 📢 Announcements */ .app-body .announcements, .app-body .announcements::after { - background-color: var(--color-accent-bg); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } .app-body .announcements { overflow: visible; z-index: 0; box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); } .app-body .announcements__item strong { font-weight: 800; diff --git a/TangerineUI.css b/TangerineUI.css index b05293c..ffc47e9 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } +@keyframes makeawish { + 0% { + transform: scale(120%) translate(0, 0) rotate(0deg); + } + 100% { + transform: scale(200%) translate(100vw, 100vh) rotate(600deg); + } +} +.app-body:has(.search__input[value="Tangerine"])::after { + content: "🍊"; + position: fixed; + display: block; + text-align: center; + width: 30px; + height: 30px; + font-size: 27px; + line-height: 30px; + top: -40px; + left: -40px; + animation: + 10s linear 0s makeawish; +} + /* Dismissable banners */ @@ -4032,14 +4055,15 @@ a:is(.active, /* 📢 Announcements */ .app-body .announcements, .app-body .announcements::after { - background-color: var(--color-accent-bg); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } .app-body .announcements { overflow: visible; z-index: 0; box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); } .app-body .announcements__item strong { font-weight: 800; diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index 89db3d4..253260c7 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } +@keyframes makeawish { + 0% { + transform: scale(120%) translate(0, 0) rotate(0deg); + } + 100% { + transform: scale(200%) translate(100vw, 100vh) rotate(600deg); + } +} +.app-body:has(.search__input[value="Tangerine"])::after { + content: "🍊"; + position: fixed; + display: block; + text-align: center; + width: 30px; + height: 30px; + font-size: 27px; + line-height: 30px; + top: -40px; + left: -40px; + animation: + 10s linear 0s makeawish; +} + /* Dismissable banners */ @@ -4032,14 +4055,15 @@ a:is(.active, /* 📢 Announcements */ .app-body .announcements, .app-body .announcements::after { - background-color: var(--color-accent-bg); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } .app-body .announcements { overflow: visible; z-index: 0; box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); } .app-body .announcements__item strong { font-weight: 800; diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index b05293c..ffc47e9 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } +@keyframes makeawish { + 0% { + transform: scale(120%) translate(0, 0) rotate(0deg); + } + 100% { + transform: scale(200%) translate(100vw, 100vh) rotate(600deg); + } +} +.app-body:has(.search__input[value="Tangerine"])::after { + content: "🍊"; + position: fixed; + display: block; + text-align: center; + width: 30px; + height: 30px; + font-size: 27px; + line-height: 30px; + top: -40px; + left: -40px; + animation: + 10s linear 0s makeawish; +} + /* Dismissable banners */ @@ -4032,14 +4055,15 @@ a:is(.active, /* 📢 Announcements */ .app-body .announcements, .app-body .announcements::after { - background-color: var(--color-accent-bg); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } .app-body .announcements { overflow: visible; z-index: 0; box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); } .app-body .announcements__item strong { font-weight: 800;