MediaWiki:Common.css: различия между версиями
Glamyr (обсуждение | вклад) Нет описания правки |
Glamyr (обсуждение | вклад) Нет описания правки |
||
| (не показаны 23 промежуточные версии этого же участника) | |||
| Строка 19: | Строка 19: | ||
body:not(.theme-default) hr, body.theme-active-dark hr, body:not(.theme-default) .vector-menu-portal, body.theme-active-dark .vector-menu-portal, body:not(.theme-default) .mw-footer, body.theme-active-dark .mw-footer, body:not(.theme-default) .vector-toc, body.theme-active-dark .vector-toc { border-color: var(--border-color) !important; } | body:not(.theme-default) hr, body.theme-active-dark hr, body:not(.theme-default) .vector-menu-portal, body.theme-active-dark .vector-menu-portal, body:not(.theme-default) .mw-footer, body.theme-active-dark .mw-footer, body:not(.theme-default) .vector-toc, body.theme-active-dark .vector-toc { border-color: var(--border-color) !important; } | ||
body.theme-stddark { --bg-main: #161719; --bg-content: #1e2022; --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; } | body.theme-stddark { --bg-main: #161719; --bg-content: #1e2022; --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; --background-color-interactive-subtle: #141517; --border-color-progressive: #00adb5; --background-color-progressive-dim: #2d7c80; } | ||
body.theme-nanotrasen { --bg-main: #0c1014; --bg-content: #141a22; --bg-card: #1b2430; --bg-input: #222d3c; --border-color: #2b3a4e; --text-main: #dae5f3; --text-muted: #8ea1b9; --accent: #4a90e2; } | body.theme-nanotrasen { --bg-main: #0c1014; --bg-content: #141a22; --bg-card: #1b2430; --bg-input: #222d3c; --border-color: #2b3a4e; --text-main: #dae5f3; --text-muted: #8ea1b9; --accent: #4a90e2; --background-color-interactive-subtle: #11141a; --border-color-progressive: #305275; } | ||
body.theme-syndicate { --bg-main: #111111; --bg-content: #1a1a1a; --bg-card: #262626; --bg-input: #333333; --border-color: #441111; --text-main: #e0e0e0; --text-muted: #aa8888; --accent: #ff3333; } | body.theme-syndicate { --bg-main: #111111; --bg-content: #1a1a1a; --bg-card: #262626; --bg-input: #333333; --border-color: #441111; --text-main: #e0e0e0; --text-muted: #aa8888; --accent: #ff3333; --border-color-progressive: #e63232; } | ||
body.theme-plasmafire { --bg-main: #090312; --bg-content: #150b24; --bg-card: #23123a; --bg-input: #321b51; --border-color: #a62681; --text-main: #f3e8f7; --text-muted: #bda3cf; --accent: #ff41b4; } | body.theme-plasmafire { --bg-main: #090312; --bg-content: #150b24; --bg-card: #23123a; --bg-input: #321b51; --border-color: #a62681; --text-main: #f3e8f7; --text-muted: #bda3cf; --accent: #ff41b4; --border-color-progressive: #eb42a8; } | ||
body.theme-clockcult { --bg-main: #14110c; --bg-content: #201b12; --bg-card: #2d2619; --bg-input: #3a3121; --border-color: #be9b4a; --text-main: #f0e6d2; --text-muted: #bfa67a; --accent: #e5af33; } | body.theme-clockcult { --bg-main: #14110c; --bg-content: #201b12; --bg-card: #2d2619; --bg-input: #3a3121; --border-color: #be9b4a; --text-main: #f0e6d2; --text-muted: #bfa67a; --accent: #e5af33; --border-color-progressive: #d1a234; } | ||
body.theme-bloodcult { --bg-main: # | body.theme-bloodcult { --bg-main: #170505; --bg-card: #260a0a; --bg-card: #360e0e; --bg-input: #380e0e; --border-color: #800c0c; --text-main: #f0dad0; --text-muted: #b89292; --accent: #ff4d4d; --border-color-progressive: #e03838; } | ||
body.theme-heretic { --bg-main: #030a05; --bg-content: #0b1a0e; --bg-card: #122a18; --bg-input: #1a3b21; --border-color: #1f5f2a; --text-main: #e2f3e5; --text-muted: #99be9f; --accent: #39ff14; } | body.theme-heretic { --bg-main: #030a05; --bg-content: #0b1a0e; --bg-card: #122a18; --bg-input: #1a3b21; --border-color: #1f5f2a; --text-main: #e2f3e5; --text-muted: #99be9f; --accent: #39ff14; --border-color-progressive: #39e619; } | ||
body.theme-default { | body.theme-default { | ||
--background-color-base: #ffffff !important; --background-color-paper: #f8f9fa !important; --color-base: #202122 !important; --color-base--subtle: #72777d !important; --border-color-base: #a2a9b1 !important; --background-color-neutral-subtle: #f8f9fa !important; --background-color-neutral: #eaecf0 !important; --color-link: #36c !important; --background-color-button-quiet: transparent !important; --background-color-action: #f8f9fa !important; --border-color-action: #a2a9b1 !important; --color-action: #36c !important; --color-icon: #202122 !important; --color-base--edit: #202122 !important; --color-progressive: #36c !important; --color-primary: #36c !important; --color-progressive--quiet: #36c !important; background-color: #f8f9fa !important; color: #202122 !important; scrollbar-color: auto !important; | --background-color-base: #ffffff !important; --bg-main: #ededed; --bg-content: #f2f2f2; --bg-input: #f2f2f2; --border-color-progressive: #3366CC; --bg-card: #EDEDED; --text-main: #0d0d0d !important; --background-color-paper: #f8f9fa !important; --color-base: #202122 !important; --color-base--subtle: #72777d !important; --border-color-base: #a2a9b1 !important; --background-color-neutral-subtle: #f8f9fa !important; --background-color-neutral: #eaecf0 !important; --color-link: #36c !important; --background-color-button-quiet: transparent !important; --background-color-action: #f8f9fa !important; --border-color-action: #a2a9b1 !important; --color-action: #36c !important; --color-icon: #202122 !important; --color-base--edit: #202122 !important; --color-progressive: #36c !important; --color-primary: #36c !important; --color-progressive--quiet: #36c !important; background-color: #f8f9fa !important; color: #202122 !important; scrollbar-color: auto !important; | ||
} | } | ||
body.theme-default .mw-body { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; } | body.theme-default .mw-body { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; } | ||
| Строка 37: | Строка 37: | ||
body.theme-default a, body.theme-default .vector-icon, body.theme-default .mw-togglebutton, body.theme-default .toggle-link, body.theme-default .cdx-button--weight-quiet { color: #36c !important; } | body.theme-default a, body.theme-default .vector-icon, body.theme-default .mw-togglebutton, body.theme-default .toggle-link, body.theme-default .cdx-button--weight-quiet { color: #36c !important; } | ||
body.theme-default h1, body.theme-default h2 { border-bottom-color: #a2a9b1 !important; color: #000000 !important; } | body.theme-default h1, body.theme-default h2 { border-bottom-color: #a2a9b1 !important; color: #000000 !important; } | ||
body.theme-default hr, body.theme-default .vector-menu-portal, body.theme-default .mw-footer { border-color: #a2a9b1 !important; } | body.theme-default hr, body.theme-default .vector-menu-portal, body.theme-default .mw-footer, body.theme-default .vector-toc { border-color: #a2a9b1 !important; } | ||
body.theme-default .wikitable, body.theme-default .toc, body.theme-default .thumbinner, body.theme-default .infobox, body.theme-default .ambox, body.theme-default .catlinks, body.theme-default .navbox, body.theme-default .ext-mwe-cdx-card, body.theme-default div[role="note"] { background-color: #f8f9fa !important; border-color: #a2a9b1 !important; color: #202122 !important; } | body.theme-default .wikitable, body.theme-default .toc, body.theme-default .thumbinner, body.theme-default .infobox, body.theme-default .ambox, body.theme-default .catlinks, body.theme-default .navbox, body.theme-default .ext-mwe-cdx-card, body.theme-default div[role="note"] { background-color: #f8f9fa !important; border-color: #a2a9b1 !important; color: #202122 !important; } | ||
.tg-custom-palette-icon { display: block !important; width: 32px !important; height: 32px !important; background-color: transparent !important; background-image: url('/images/f/f6/Palette.png') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transition: filter 0.3s ease, transform 0.2s ease !important; }.tg-custom-palette-icon:hover { transform: scale(1.1) !important; }body:not(.theme-default) .tg-custom-palette-icon, body.theme-active-dark .tg-custom-palette-icon { filter: drop-shadow(0 0 6px var(--accent)) !important; }#p-tg-theme, #p-tg-theme-dropdown-label { max-width: none !important; max-height: none !important; padding: 0 !important; }body.theme-default code, body.theme-default pre, body.theme-default .mw-code, body.theme-default .mw-highlight pre, body.theme-default .mw-highlight code, body.theme-default .syntaxhighlight, body.theme-default .syntaxhighlight pre { background-color: #f8f9fa !important; color: #202122 !important; border-color: #a2a9b1 !important; text-shadow: none !important; }body.theme-default .mw-highlight .k { color: #06b !important; font-weight: bold; }body.theme-default .mw-highlight .s { color: #b22 !important; }body.theme-default .mw-highlight .c { color: #60a0b0; font-style: italic; }body.theme-default .mw-highlight .mi { color: #0000DD !important; }body:not(.theme-default) code, body:not(.theme-default) pre, body:not(.theme-default) .mw-code, body:not(.theme-default) .mw-highlight pre, body:not(.theme-default) .syntaxhighlight { background-color: var(--bg-card, #282a2d) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !important; } | body.theme-stddark .vector-logo-img { content: url('/images/3/3c/Bg-neutral.png') !important; }body.theme-nanotrasen .vector-logo-img { content: url('/images/5/58/Nanotrasen-logo.png') !important; }body.theme-syndicate .vector-logo-img { content: url('/images/c/ce/Syndicate-logo.png') !important; }body.theme-plasmafire .vector-logo-img { content: url('/images/b/b3/Bg-synthsunset.png') !important; }body.theme-clockcult .vector-logo-img { content: url('/images/3/3c/Bg-neutral.png') !important; }body.theme-bloodcult .vector-logo-img { content: url('/images/c/c0/Bg-spookycomp.png') !important; }body.theme-heretic .vector-logo-img { content: url('/images/c/c0/Bg-spookycomp.png') !important; }.tg-custom-palette-icon { display: block !important; width: 32px !important; height: 32px !important; background-color: transparent !important; background-image: url('/images/f/f6/Palette.png') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transition: filter 0.3s ease, transform 0.2s ease !important; }.tg-custom-palette-icon:hover { transform: scale(1.1) !important; }body:not(.theme-default) .tg-custom-palette-icon, body.theme-active-dark .tg-custom-palette-icon { filter: drop-shadow(0 0 6px var(--accent)) !important; }#p-tg-theme, #p-tg-theme-dropdown-label { max-width: none !important; max-height: none !important; padding: 0 !important; }body.theme-default code, body.theme-default pre, body.theme-default .mw-code, body.theme-default .mw-highlight pre, body.theme-default .mw-highlight code, body.theme-default .syntaxhighlight, body.theme-default .syntaxhighlight pre { background-color: #f8f9fa !important; color: #202122 !important; border-color: #a2a9b1 !important; text-shadow: none !important; }body.theme-default .mw-highlight .k { color: #06b !important; font-weight: bold; }body.theme-default .mw-highlight .s { color: #b22 !important; }body.theme-default .mw-highlight .c { color: #60a0b0; font-style: italic; }body.theme-default .mw-highlight .mi { color: #0000DD !important; }body:not(.theme-default) code, body:not(.theme-default) pre, body:not(.theme-default) .mw-code, body:not(.theme-default) .mw-highlight pre, body:not(.theme-default) .syntaxhighlight { background-color: var(--bg-card, #282a2d) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !important; } | ||