/* GENERATED by tools/hoist_theme_rules.py — do not edit. * * Flashcord's advanced themes set every one of their variables, images and * container names from inside `@container FC-Theme_*`, on the same * element that establishes that container. A container query never matches * its own container, so none of it applied and picking an advanced theme * changed almost nothing. * * Each rule below is reproduced verbatim, minus the container wrapper. The * `[theme-hooker="..."]` selector it already carries is the same condition * the container encoded, so the guard is unchanged. * * Loaded after flashcord.css and before adapt.css. */ [theme-hooker="theme-citrus-sherbert"] { background-repeat: repeat-x !important; background-size: var(--Flashcord-Iridescent_Light-Image_Size, 100vw) !important; } [theme-hooker="theme-chroma-glow"] { background-repeat: repeat-x !important; background-size: var(--Flashcord-Iridescent_Dark-Image_Size, 100vw) !important; } [theme-hooker="theme-citrus-sherbert"] { background-image: var(--Flashcord-Iridescent_Light-Image, url("/themes/assets/sbin/PSWave-Iridescent_Light.png")) !important; background-color: #FFFFFF; animation: var(--Flashcord-Iridescent_Light-Animation, SNDL-Background_MvX) var(--Flashcord-AnimMult-XTSlow, 2s) linear infinite !important; } [theme-hooker="theme-chroma-glow"] { background-image: var(--Flashcord-Iridescent_Dark-Image, url("/themes/assets/sbin/PSWave-Iridescent_Dark.png")) !important; background-color: #000000; animation: var(--Flashcord-Iridescent_Dark-Animation, SNDL-Background_MvX) var(--Flashcord-AnimMult-XTSlow, 2s) linear infinite !important; } [theme-hooker="theme-citrus-sherbert"]::after { backdrop-filter: var(--Flashcord-Iridescent_Light-Filter, blur(4px) brightness(1)); animation: var(--Flashcord-Iridescent_Light-Rainbow, Flashcord-Iridescent_Light) var(--Flashcord-AnimMult-XSlow, 1s) linear infinite !important; } [theme-hooker="theme-chroma-glow"]::after { backdrop-filter: var(--Flashcord-Iridescent_Dark-Filter, blur(4px) brightness(0.5)); animation: var(--Flashcord-Iridescent_Dark-Rainbow, Flashcord-Iridescent_Dark) var(--Flashcord-AnimMult-XSlow, 1s) linear reverse infinite !important; } [theme-hooker="theme-sunset"], [theme-hooker="theme-mint-apple"] { background-repeat: no-repeat; } [theme-hooker="theme-mint-apple"] { background-image: var(--Flashcord-CBM_Light-Image, url("/themes/assets/flashcord/bgr-test.jpg") ) !important; } [theme-hooker="theme-sunset"] { background-image: var(--Flashcord-CBM_Dark-Image, url("/themes/assets/flashcord/hypernner.jpg") ) !important; } [theme-hooker="theme-aurora"] { --Flashcord-Border_Radius: 0; --Flashcord-Blackout: FC-Boot_Blackout-Terminal; --Flashcord-Welcome_Animation: Flashcord-Welcome_CRT; --Flashcord-Welcome_Speed: 500ms; --FlashCore-MGM-Control: FC-ControlPanel_Full; --FlashCore-ChannelNav_Notification: FC-ChannelNav_Static; --FlashCore-GuildNav_Notification: FC-GuildNav_Static; --Flashcord-GuildShadow_Size: 8px; --FlashCore-GuildNav_Compact: FC-GuildNav_Compact-Horizontal; --FlashCore-ChatSlide: FC-VOID; --Flashcord-AnimMult-XFast: 10ms; --Flashcord-AnimMult-Fast: 25ms; --Flashcord-AnimMult-Normal: 50ms; --Flashcord-AnimMult-Slow: 100ms; --Flashcord-AnimMult-XSlow: 150ms; --Flashcord-AnimMult-XTSlow: 200ms; --Flashcord-AnimMult-XTXSlow: 250ms; --Flashcord-TransMult-XFast: 10ms; --Flashcord-TransMult-Fast: 25ms; --Flashcord-TransMult-Normal: 50ms; --Flashcord-TransMult-Slow: 100ms; --Flashcord-TransMult-XSlow: 150ms; } /* Both container stages on one element. FC-Theme_Hooker is the base every theme needs; the second name is the theme's own stage. */ html[theme-hooker="theme-citrus-sherbert"] { container-name: FC-Theme_Hooker FC-Theme_Iridescent !important; container-type: inline-size; } html[theme-hooker="theme-chroma-glow"] { container-name: FC-Theme_Hooker FC-Theme_Iridescent !important; container-type: inline-size; } html[theme-hooker="theme-mint-apple"] { container-name: FC-Theme_Hooker var(--FlashCore-Global_Theme, FC-Theme_CBM-Light) !important; container-type: inline-size; } html[theme-hooker="theme-sunset"] { container-name: FC-Theme_Hooker var(--FlashCore-Global_Theme, FC-Theme_CBM-Dark) !important; container-type: inline-size; } html[theme-hooker="theme-sepia"] { container-name: FC-Theme_Hooker FC-Theme_Transparent !important; container-type: inline-size; } html[theme-hooker="theme-aurora"] { container-name: FC-Theme_Hooker FC-Theme_Terminal !important; container-type: inline-size; }