Add anime and foss channel themes
Two new web-only channels alongside EU: anime (🌸 sakura pink #ec5e8a) and foss (🐧 amber #d97706). Both get the full bg/text/decoration/ border/glow theme classes.
This commit is contained in:
@@ -36,6 +36,8 @@ var channels = []Channel{
|
|||||||
{Slug: "politics", Title: "Politics", Theme: "politics", Emoji: "🏛️", Blurb: "Policy, power, and the news of the day."},
|
{Slug: "politics", Title: "Politics", Theme: "politics", Emoji: "🏛️", Blurb: "Policy, power, and the news of the day."},
|
||||||
{Slug: "eu", Title: "EU", Theme: "eu", Emoji: "🇪🇺", Blurb: "Portugal and the wider European beat. Read-only — these stories don't post to Matrix."},
|
{Slug: "eu", Title: "EU", Theme: "eu", Emoji: "🇪🇺", Blurb: "Portugal and the wider European beat. Read-only — these stories don't post to Matrix."},
|
||||||
{Slug: "music", Title: "Music", Theme: "music", Emoji: "🎵", Blurb: "Records, scenes, and the artists shaping the sound."},
|
{Slug: "music", Title: "Music", Theme: "music", Emoji: "🎵", Blurb: "Records, scenes, and the artists shaping the sound."},
|
||||||
|
{Slug: "anime", Title: "Anime", Theme: "anime", Emoji: "🌸", Blurb: "Series, studios, and the wider world of anime and manga."},
|
||||||
|
{Slug: "foss", Title: "FOSS", Theme: "foss", Emoji: "🐧", Blurb: "Kernel, distros, and the wider free and open source software world."},
|
||||||
}
|
}
|
||||||
|
|
||||||
// Server is the HTTP server for Pete's web UI.
|
// Server is the HTTP server for Pete's web UI.
|
||||||
|
|||||||
@@ -60,24 +60,32 @@ html[data-phase="night"] {
|
|||||||
.bg-theme-politics { background-color: #e07a5f; }
|
.bg-theme-politics { background-color: #e07a5f; }
|
||||||
.bg-theme-eu { background-color: #003399; }
|
.bg-theme-eu { background-color: #003399; }
|
||||||
.bg-theme-music { background-color: #b079d6; }
|
.bg-theme-music { background-color: #b079d6; }
|
||||||
|
.bg-theme-anime { background-color: #ec5e8a; }
|
||||||
|
.bg-theme-foss { background-color: #d97706; }
|
||||||
|
|
||||||
.text-theme-gaming { color: #2d8a5a; }
|
.text-theme-gaming { color: #2d8a5a; }
|
||||||
.text-theme-tech { color: #2f7fb8; }
|
.text-theme-tech { color: #2f7fb8; }
|
||||||
.text-theme-politics { color: #b8523a; }
|
.text-theme-politics { color: #b8523a; }
|
||||||
.text-theme-eu { color: #003399; }
|
.text-theme-eu { color: #003399; }
|
||||||
.text-theme-music { color: #8a4fb8; }
|
.text-theme-music { color: #8a4fb8; }
|
||||||
|
.text-theme-anime { color: #c33a6a; }
|
||||||
|
.text-theme-foss { color: #b8530a; }
|
||||||
|
|
||||||
.decoration-theme-gaming { text-decoration-color: #4caf7d; }
|
.decoration-theme-gaming { text-decoration-color: #4caf7d; }
|
||||||
.decoration-theme-tech { text-decoration-color: #5aa9e6; }
|
.decoration-theme-tech { text-decoration-color: #5aa9e6; }
|
||||||
.decoration-theme-politics { text-decoration-color: #e07a5f; }
|
.decoration-theme-politics { text-decoration-color: #e07a5f; }
|
||||||
.decoration-theme-eu { text-decoration-color: #003399; }
|
.decoration-theme-eu { text-decoration-color: #003399; }
|
||||||
.decoration-theme-music { text-decoration-color: #b079d6; }
|
.decoration-theme-music { text-decoration-color: #b079d6; }
|
||||||
|
.decoration-theme-anime { text-decoration-color: #ec5e8a; }
|
||||||
|
.decoration-theme-foss { text-decoration-color: #d97706; }
|
||||||
|
|
||||||
.border-theme-gaming { border-color: #4caf7d; }
|
.border-theme-gaming { border-color: #4caf7d; }
|
||||||
.border-theme-tech { border-color: #5aa9e6; }
|
.border-theme-tech { border-color: #5aa9e6; }
|
||||||
.border-theme-politics { border-color: #e07a5f; }
|
.border-theme-politics { border-color: #e07a5f; }
|
||||||
.border-theme-eu { border-color: #003399; }
|
.border-theme-eu { border-color: #003399; }
|
||||||
.border-theme-music { border-color: #b079d6; }
|
.border-theme-music { border-color: #b079d6; }
|
||||||
|
.border-theme-anime { border-color: #ec5e8a; }
|
||||||
|
.border-theme-foss { border-color: #d97706; }
|
||||||
|
|
||||||
/* "Posted to Matrix" glow — soft pulsing aura in the channel's theme color. */
|
/* "Posted to Matrix" glow — soft pulsing aura in the channel's theme color. */
|
||||||
.glow-theme-gaming { box-shadow: 0 0 0 2px rgba(76,175,125,0.35), 0 0 24px 4px rgba(76,175,125,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
.glow-theme-gaming { box-shadow: 0 0 0 2px rgba(76,175,125,0.35), 0 0 24px 4px rgba(76,175,125,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
||||||
@@ -85,6 +93,8 @@ html[data-phase="night"] {
|
|||||||
.glow-theme-politics { box-shadow: 0 0 0 2px rgba(224,122,95,0.35), 0 0 24px 4px rgba(224,122,95,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
.glow-theme-politics { box-shadow: 0 0 0 2px rgba(224,122,95,0.35), 0 0 24px 4px rgba(224,122,95,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
||||||
.glow-theme-eu { box-shadow: 0 0 0 2px rgba(0,51,153,0.35), 0 0 24px 4px rgba(0,51,153,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
.glow-theme-eu { box-shadow: 0 0 0 2px rgba(0,51,153,0.35), 0 0 24px 4px rgba(0,51,153,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
||||||
.glow-theme-music { box-shadow: 0 0 0 2px rgba(176,121,214,0.35), 0 0 24px 4px rgba(176,121,214,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
.glow-theme-music { box-shadow: 0 0 0 2px rgba(176,121,214,0.35), 0 0 24px 4px rgba(176,121,214,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
||||||
|
.glow-theme-anime { box-shadow: 0 0 0 2px rgba(236,94,138,0.35), 0 0 24px 4px rgba(236,94,138,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
||||||
|
.glow-theme-foss { box-shadow: 0 0 0 2px rgba(217,119,6,0.35), 0 0 24px 4px rgba(217,119,6,0.45); animation: pete-glow-pulse 2.4s ease-in-out infinite; }
|
||||||
|
|
||||||
@keyframes pete-glow-pulse {
|
@keyframes pete-glow-pulse {
|
||||||
0%, 100% { filter: brightness(1); }
|
0%, 100% { filter: brightness(1); }
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user