/* * Vice Dark 2026 — koyu mod katmani. * * vice-white-theme.css'ten SONRA, en son yuklenir. Beyaz katman yerlesimi de * tasidigi icin kaldirilmaz; bu dosya yalnizca renk / golge / opaklik / filtre * bildirimleri icerir ve altinda devreye girer. * * Kurallar: * - Her secici `html[data-vice-mode="dark"] body.vice-white-2026` ile baslar * (kopru icin `...body.vice-white-2026.vice-modern-ui`). Bu onek beyaz * dosyadaki her seciciyi ozgulluk olarak gecer. * - Beyaz dosya 2.800+ !important tasidigi icin burada da HER bildirim * !important tasir. * - Genislik/yukseklik/padding/margin/display/grid/flex bildirimi YAZILMAZ; * yerlesim iki modda birebir aynidir. * - Tum dosya @media screen icindedir; yazdirma acik kalir. */ @media screen { /* ---------------------------------------------------------------------- */ /* Dark 2026 pass 001: renk semasi + semantik palet */ /* ---------------------------------------------------------------------- */ html[data-vice-mode="dark"], html[data-vice-mode="dark"] body.vice-white-2026, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell { color-scheme: dark !important; } /* vice-white-theme.css :4-15 legacy :root tokens (var() on :root cannot see body-level tokens, so these are re-declared on in dark) */ html[data-vice-mode="dark"] { --vice-accent: #4c9be8; --vice-accent-light: #6cb0f0; --vice-accent-dark: #2f81f7; --vice-ink: #e6edf3; --vice-surface: #0d1117; --vice-card: #161b22; --vice-border: #30363d; --vice-text: #c9d1d9; --vice-muted: #8b949e; /* second :root block, vice-white-theme.css :1019-1040 */ --vice-white-page: #0d1117; --vice-white-surface: #161b22; --vice-white-surface-2: #1c2128; --vice-white-surface-3: #22272e; --vice-white-border: #30363d; --vice-white-border-soft: #21262d; --vice-white-text: #e6edf3; --vice-white-text-2: #c9d1d9; --vice-white-muted: #8b949e; --vice-white-faint: #6e7681; --vice-white-blue: #4c9be8; --vice-white-blue-2: #3fb8c5; --vice-white-red: #f85149; --vice-white-amber: #d29922; --vice-white-teal: #2ea08f; --vice-white-shadow: 0 18px 50px rgba(0, 0, 0, 0.5); --vice-white-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.4); background: #0d1117 !important; } /* vice-white-theme.css :28-49 and :1628-1650 body.vice-modern-ui blocks */ html[data-vice-mode="dark"] body.vice-white-2026.vice-modern-ui { --vice-brand: #4c9be8 !important; --vice-brand-soft: rgba(76, 155, 232, 0.16) !important; --vice-dark-row: rgba(255, 255, 255, 0.035) !important; --vice-white-page: #0d1117 !important; --vice-white-page-2: #010409 !important; --vice-white-line: #30363d !important; --vice-white-blue-soft: rgba(76, 155, 232, 0.16) !important; --vice-white-red: #f85149 !important; --vice-white-green: #3fb950 !important; --vice-white-gold: #d4a53a !important; --vice-white-shadow: 0 18px 45px rgba(0, 0, 0, 0.5) !important; --vice-white-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.4) !important; background-color: #0d1117 !important; } html[data-vice-mode="dark"] body.vice-white-2026 { /* Yuzeyler */ --vw-page: #0d1117 !important; --vw-page-deep: #010409 !important; --vw-card: #161b22 !important; --vw-card-soft: #1c2128 !important; --vw-card-raised: #22272e !important; --vw-card-blue: #12203a !important; --vw-card-pink: #2a1622 !important; /* Cizgiler */ --vw-line: #30363d !important; --vw-line-soft: #21262d !important; --vw-line-strong: #444c56 !important; /* Yazi katmanlari */ --vw-ink: #e6edf3 !important; --vw-text: #c9d1d9 !important; --vw-muted: #8b949e !important; --vw-faint: #6e7681 !important; --vw-on-accent: #ffffff !important; /* Vurgular */ --vw-blue: #4c9be8 !important; --vw-blue-deep: #2f81f7 !important; --vw-blue-soft: rgba(76, 155, 232, 0.16) !important; --vw-blue-line: #1f4b7a !important; --vw-cyan: #3fb8c5 !important; --vw-pink: #f28cb8 !important; --vw-pink-deep: #d96d9c !important; --vw-success: #3fb950 !important; --vw-warning: #d29922 !important; --vw-danger: #f85149 !important; --vw-danger-line: rgba(248, 81, 73, 0.4) !important; /* Tailwind alt-palet alias'lari semantik katmanlara cokertilir */ --vw-ink-2: #e6edf3 !important; --vw-ink-3: #f0f6fc !important; --vw-text-2: #c9d1d9 !important; --vw-text-3: #adbac7 !important; --vw-muted-2: #8b949e !important; --vw-blue-2: #4c9be8 !important; --vw-blue-deep-2: #2f81f7 !important; --vw-line-2: #30363d !important; --vw-line-3: #30363d !important; --vw-line-4: #21262d !important; --vw-line-soft-2: #21262d !important; --vw-card-soft-2: #1c2128 !important; --vw-page-2: #0d1117 !important; --vw-card-soft-3: #1c2128 !important; --vw-card-blue-2: #12203a !important; --vw-card-blue-3: #12203a !important; --vw-card-pink-2: #2a1622 !important; --vw-line-5: #444c56 !important; --vw-blue-line-2: #1f4b7a !important; --vw-blue-line-3: #1f4b7a !important; --vw-blue-line-4: #1f4b7a !important; --vw-ink-4: #e6edf3 !important; --vw-ink-5: #e6edf3 !important; --vw-ink-6: #e6edf3 !important; --vw-ink-7: #e6edf3 !important; --vw-text-4: #c9d1d9 !important; --vw-text-5: #c9d1d9 !important; --vw-text-6: #c9d1d9 !important; --vw-muted-3: #8b949e !important; --vw-blue-3: #4c9be8 !important; --vw-blue-deep-3: #2f81f7 !important; --vw-pink-deep-2: #d96d9c !important; --vw-pink-deep-3: #d96d9c !important; --vw-pink-deep-4: #d96d9c !important; --vw-success-2: #3fb950 !important; --vw-ink-8: #e6edf3 !important; --vw-ink-9: #e6edf3 !important; --vw-muted-4: #8b949e !important; --vw-muted-5: #8b949e !important; --vw-card-soft-4: #1c2128 !important; --vw-card-soft-5: #1c2128 !important; --vw-card-soft-6: #1c2128 !important; --vw-card-soft-7: #1c2128 !important; --vw-card-soft-8: #1c2128 !important; --vw-card-soft-9: #1c2128 !important; --vw-card-soft-10: #1c2128 !important; --vw-card-blue-4: #12203a !important; --vw-card-blue-5: #12203a !important; --vw-card-pink-3: #2a1622 !important; --vw-card-pink-4: #2a1622 !important; --vw-card-pink-5: #2a1622 !important; --vw-card-pink-6: #2a1622 !important; --vw-line-6: #30363d !important; --vw-line-7: #30363d !important; --vw-line-8: #30363d !important; --vw-line-9: #444c56 !important; --vw-blue-line-5: #1f4b7a !important; --vw-blue-line-6: #1f4b7a !important; --vw-band: #0d1117 !important; --vw-ink-10: #e6edf3 !important; --vw-card-blue-6: #12203a !important; --vw-card-blue-7: #12203a !important; --vw-card-blue-8: #12203a !important; --vw-card-blue-9: #12203a !important; --vw-card-blue-10: #12203a !important; --vw-card-pink-7: #2a1622 !important; --vw-card-blue-11: #12203a !important; --vw-card-soft-11: #22272e !important; --vw-page-3: #0d1117 !important; --vw-page-4: #0d1117 !important; --vw-gold-soft: #3a2f14 !important; --vw-warn-soft: #3a2f14 !important; --vw-code-bg: #0d1117 !important; --vw-code-text: #c9d1d9 !important; --vw-quote-text: #c9d1d9 !important; --vw-on-dark: #f0f6fc !important; --vw-on-dark-2: #e6edf3 !important; --vw-on-dark-3: #e6edf3 !important; --vw-on-dark-4: #f0f6fc !important; --vw-on-dark-5: #f0f6fc !important; --vw-on-dark-6: #f0f6fc !important; --vw-on-dark-7: #f0f6fc !important; /* rgba() kanal ucluleri */ --vw-card-rgb: 22, 27, 34 !important; --vw-page-rgb: 13, 17, 23 !important; --vw-ink-rgb: 230, 237, 243 !important; --vw-ink-2-rgb: 230, 237, 243 !important; --vw-blue-rgb: 76, 155, 232 !important; --vw-blue-2-rgb: 76, 155, 232 !important; --vw-blue-3-rgb: 76, 155, 232 !important; --vw-page-2-rgb: 13, 17, 23 !important; --vw-shadow-rgb: 0, 0, 0 !important; --vw-shadow-2-rgb: 0, 0, 0 !important; --vw-shadow-3-rgb: 0, 0, 0 !important; --vw-shadow-4-rgb: 0, 0, 0 !important; --vw-shadow-5-rgb: 0, 0, 0 !important; --vw-shadow-6-rgb: 0, 0, 0 !important; /* Golge / perde */ --vw-shadow: 0 18px 48px rgba(0, 0, 0, 0.5) !important; --vw-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.4) !important; --vw-scrim: rgba(1, 4, 9, 0.72) !important; /* Eski --vice-* okuyan rota dosyalari paleti takip etsin */ --vice-bg-page: var(--vw-page) !important; --vice-bg-deep: var(--vw-page-deep) !important; --vice-bg-shell: var(--vw-card) !important; --vice-surface-1: var(--vw-card) !important; --vice-surface-2: var(--vw-card-soft) !important; --vice-surface-3: var(--vw-card-raised) !important; --vice-surface-hover: var(--vw-card-raised) !important; --vice-border: var(--vw-line) !important; --vice-border-soft: var(--vw-line-soft) !important; --vice-border-strong: var(--vw-line-strong) !important; --vice-text: var(--vw-ink) !important; --vice-text-soft: var(--vw-text) !important; --vice-text-muted: var(--vw-muted) !important; --vice-pink: var(--vw-pink) !important; --vice-pink-soft: rgba(242, 140, 184, 0.14) !important; --vice-violet: #8b9cf5 !important; --vice-cyan: var(--vw-cyan) !important; --vice-blue: var(--vw-blue) !important; --vice-gold: #d4a53a !important; --vice-theme-page-rgb: 13, 17, 23 !important; background-color: var(--vw-page) !important; color: var(--vw-text) !important; } /* Vice One / UCP kabugu (.vucp-shell) kendi --vo-* paletini tasir; beyaz dosya :6179'da acik degerlerle ezer, burada koyuya cevrilir. */ html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell { --vo-canvas: #0d1117 !important; --vo-sidebar: #10151c !important; --vo-panel: #161b22 !important; --vo-panel-2: #1c2128 !important; --vo-panel-3: #22272e !important; --vo-line: rgba(174, 188, 209, 0.14) !important; --vo-line-strong: rgba(174, 188, 209, 0.26) !important; --vo-text: #e6edf3 !important; --vo-soft: #c9d1d9 !important; --vo-muted: #8b949e !important; --vo-faint: #6e7681 !important; --vo-accent: #f28cb8 !important; --vo-accent-soft: rgba(242, 140, 184, 0.14) !important; --vo-success: #3fb950 !important; --vo-warning: #d29922 !important; color: var(--vo-text) !important; } /* Hover profil karti kendi token'larini tasir ve beyaz dosyadan sonra yuklenir */ html[data-vice-mode="dark"] .vhc-card { --vhc-surface: #161b22; --vhc-surface-2: #1c2128; --vhc-border: #30363d; --vhc-border-soft: #21262d; --vhc-text: #e6edf3; --vhc-text-2: #c9d1d9; --vhc-muted: #8b949e; --vhc-faint: #6e7681; --vhc-accent: #4c9be8; --vhc-accent-soft: rgba(76, 155, 232, 0.16); --vhc-green: #3fb950; --vhc-red: #f85149; } /* ---------------------------------------------------------------------- */ /* Dark 2026 pass 002: kesisen yuzeyler — form, secim, scrollbar, gorseller */ /* ---------------------------------------------------------------------- */ html[data-vice-mode="dark"] body.vice-white-2026 ::selection { background: rgba(76, 155, 232, 0.35) !important; color: #f0f6fc !important; } html[data-vice-mode="dark"] body.vice-white-2026 { scrollbar-color: #484f58 #0d1117 !important; } html[data-vice-mode="dark"] body.vice-white-2026 ::-webkit-scrollbar-track { background: #0d1117 !important; } html[data-vice-mode="dark"] body.vice-white-2026 ::-webkit-scrollbar-thumb { background: #484f58 !important; border-color: #0d1117 !important; } html[data-vice-mode="dark"] body.vice-white-2026 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), html[data-vice-mode="dark"] body.vice-white-2026 select, html[data-vice-mode="dark"] body.vice-white-2026 textarea { color: var(--vw-ink) !important; background-color: var(--vw-card-soft) !important; border-color: var(--vw-line-strong) !important; } html[data-vice-mode="dark"] body.vice-white-2026 input::placeholder, html[data-vice-mode="dark"] body.vice-white-2026 textarea::placeholder { color: var(--vw-faint) !important; } html[data-vice-mode="dark"] body.vice-white-2026 input:-webkit-autofill, html[data-vice-mode="dark"] body.vice-white-2026 textarea:-webkit-autofill { -webkit-text-fill-color: var(--vw-ink) !important; box-shadow: 0 0 0 1000px var(--vw-card-soft) inset !important; } /* SMF cekirdegi (smf21-core.css :3934-3951) buton/quickbutton/popup yuzeylerine beyaz gradient basar; beyaz tema bunlara dokunmaz. */ html[data-vice-mode="dark"] body.vice-white-2026 .quickbuttons > li, html[data-vice-mode="dark"] body.vice-white-2026 .quickbuttons li ul, html[data-vice-mode="dark"] body.vice-white-2026 .quickbuttons li:hover, html[data-vice-mode="dark"] body.vice-white-2026 .quickbuttons li ul li a:hover, html[data-vice-mode="dark"] body.vice-white-2026 .post_options ul, html[data-vice-mode="dark"] body.vice-white-2026 .post_options ul a:hover, html[data-vice-mode="dark"] body.vice-white-2026 .notify_dropdown a:hover, html[data-vice-mode="dark"] body.vice-white-2026 .inline_mod_check, html[data-vice-mode="dark"] body.vice-white-2026 .popup_window, html[data-vice-mode="dark"] body.vice-white-2026 .popup_content, html[data-vice-mode="dark"] body.vice-white-2026 .top_menu, html[data-vice-mode="dark"] body.vice-white-2026 .up_contain, html[data-vice-mode="dark"] body.vice-white-2026 .navigate_section ul { background: var(--vw-card-soft) !important; background-image: none !important; border-color: var(--vw-line) !important; color: var(--vw-text) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .quickbuttons li a, html[data-vice-mode="dark"] body.vice-white-2026 .post_options ul a { color: var(--vw-text) !important; } /* Kapak fotografi: acik temada .08'e kisilmisti, koyuda daha gorunur olabilir */ html[data-vice-mode="dark"] body.vice-white-2026 .vp-pb-strip__bg { opacity: 0.28 !important; filter: saturate(0.9) brightness(0.8) !important; } /* Uye rutbe rengi (--vice-pb-rank-color) koyu olabilir; okunur tona cek */ @supports (color: color-mix(in srgb, red 50%, white)) { html[data-vice-mode="dark"] body.vice-white-2026 #forumposts .vice-postbit-meta.vice-pb-has-rank-color .postbitkisidetay_isim a, html[data-vice-mode="dark"] body.vice-white-2026 #forumposts .vice-postbit-meta.vice-pb-has-rank-color .postbitkisidetay_isim del a { color: color-mix(in srgb, var(--vice-pb-rank-color) 55%, #ffffff) !important; } } /* Profil hero'su iki modda da koyu; yalnizca cerceve/golgeyi zemine uydur */ html[data-vice-mode="dark"] body.vice-white-2026.vice-action-profile .vpr-hero { border-color: var(--vw-line-strong) !important; box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55) !important; } /* Beyaz zeminli odul/smiley ikonlari: filtre yerine beyaz cip */ html[data-vice-mode="dark"] body.vice-white-2026 .vice-pb-awards > div, html[data-vice-mode="dark"] body.vice-white-2026 .vp-award { background: #ffffff !important; } /* Mod dugmesi ikonu */ html[data-vice-mode="dark"] .vc-mode-toggle__moon { display: none !important; } html:not([data-vice-mode="dark"]) .vc-mode-toggle__sun { display: none !important; } /* ===== Dark 2026 pass 006 — home portal: kill white gloss, deepen surfaces, purple neon side-glow on cards + scattered neon glows on the page ===== */ /* Scattered round purple-neon glows across the page background. */ html[data-vice-mode="dark"] body.vice-white-2026.vice-home-layout { background-image: radial-gradient(760px 520px at 10% 14%, rgba(124, 58, 237, 0.16), rgba(0, 0, 0, 0) 60%), radial-gradient(680px 620px at 92% 30%, rgba(192, 64, 220, 0.13), rgba(0, 0, 0, 0) 62%), radial-gradient(720px 560px at 50% 92%, rgba(109, 40, 217, 0.12), rgba(0, 0, 0, 0) 64%), radial-gradient(520px 420px at 80% 76%, rgba(139, 92, 246, 0.10), rgba(0, 0, 0, 0) 60%), linear-gradient(#0b0e14, #05070b) !important; background-attachment: fixed !important; } /* Solid-base portal panels: strip the light-theme white/pink sheen, deepen the surface, and add a purple-neon glow spilling left and right of each box. */ html[data-vice-mode="dark"] body.vice-white-2026.vice-home-layout :is(.vc-city-life, .vc-feature-card, .vc-forum-panel, .vc-sidebar-card, .vc-faction-section, .vc-featured-factions, .vc-my-vice) { background: linear-gradient(145deg, rgb(0 0 10 / 30%), transparent 34%, rgba(55, 41, 100, 0.14)), var(--vw-card) !important; border-color: #0f5299d9 !important; box-shadow: -24px 0 60px -34px rgba(139, 92, 246, 0.55), 24px 0 60px -34px rgba(192, 64, 220, 0.5), 0 26px 60px -46px rgba(0, 0, 0, 0.85) !important; } /* Gradient-only elements (no solid base): replace the bright end with dark. */ html[data-vice-mode="dark"] body.vice-white-2026 .vc-header-profile { background-image: linear-gradient(160deg, rgba(30, 22, 46, 0.98), rgba(16, 20, 27, 0.98)) !important; box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.22), 0 12px 44px -22px rgba(139, 92, 246, 0.55) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vc-admin-alert { background-image: linear-gradient(100deg, rgba(42, 22, 46, 0.92), rgba(16, 20, 27, 0.96) 52%, rgba(30, 20, 48, 0.92)) !important; } /* Keep the "top faction" gold read, but far dimmer over a dark base. */ html[data-vice-mode="dark"] body.vice-white-2026 .vc-featured-faction.is-top1 { background-image: linear-gradient(160deg, rgba(255, 206, 120, 0.14), rgba(16, 20, 27, 1) 58%) !important; } /* Header nav shell border to match the blue box borders (home + inner). */ html[data-vice-mode="dark"] body.vice-white-2026.vice-home-layout .vc-home-navbar.navbar-default > div, html[data-vice-mode="dark"] body.vice-white-2026.vice-inner-shell .vc-home-navbar.navbar-default > div { border-color: #0f5299d9 !important; } /* ===== Dark 2026 pass 007 — inner-page light-border / surface parity fixes ===== Board (MessageIndex) ve konu (Display) sayfalarinda beyaz temadan sizan acik kenarliklar/yuzeyler koyu modda cerceve gibi gorunuyordu. Asagidaki kurallar o noktalari koyu palete hizalar. */ /* .vice-inner-shell, --vi-border/--vi-border-strong'u beyaz base'ten daha yuksek ozgullukte acik literalle tanimliyor; koyu palete cek ki tum tuketiciler (kod bloklari, cerceveler, tablolar) birlikte donsun. */ html[data-vice-mode="dark"] body.vice-white-2026, html[data-vice-mode="dark"] body.vice-white-2026.vice-inner-shell { --vi-border: #30363d !important; --vi-border-strong: #444c56 !important; } /* Kategori barlari, cerceveler ve sayfalama seridi acik kenarlik tasiyordu. */ html[data-vice-mode="dark"] body.vice-white-2026 .cat_bar, html[data-vice-mode="dark"] body.vice-white-2026 .roundframe, html[data-vice-mode="dark"] body.vice-white-2026 .pagesection { border-color: var(--vw-line) !important; } /* Beyaz base'teki alan kurali (input:not(checkbox/radio/range)) submit/button'u da kapsiyor ve (0,4,2) ozgullukte acik kenarlik veriyor; ayni :not zincirini data-vice-mode ile tekrarlayip koyu kenarliga cekiyoruz (submit/button dahil). */ html[data-vice-mode="dark"] body.vice-white-2026 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) { border-color: var(--vw-line-strong) !important; } /* Kod bloklari: govde zaten koyu, yalnizca cerceve acik kalmisti. */ html[data-vice-mode="dark"] body.vice-white-2026 .bbc_code, html[data-vice-mode="dark"] body.vice-white-2026 code.bbc_code, html[data-vice-mode="dark"] body.vice-white-2026 .codeheader { border-color: var(--vw-line) !important; } /* Header profil karti cercevesi. Beyaz base (0,4,1) ozgullukte #d7e3ef veriyor; inner-shell + hero-slot baglamiyla asip koyu kenarliga cekiyoruz. */ html[data-vice-mode="dark"] body.vice-white-2026.vice-inner-shell .vc-hero-profile-slot .vc-header-profile, html[data-vice-mode="dark"] body.vice-white-2026 .vc-header-profile { border-color: var(--vw-line-strong) !important; } /* Header "hesap islemleri" (...) dugmesi: acik cip + acik ikon = gorunmez. Beyaz base seçicisi (.vc-hero-profile-slot ... > summary) ile ayni baglami kullanip data-vice-mode ile geciyoruz. */ html[data-vice-mode="dark"] body.vice-white-2026 .vc-hero-profile-slot .vc-header-actions-menu > summary, html[data-vice-mode="dark"] body.vice-white-2026 .vc-home-navbar .vc-header-actions-menu > summary { background: var(--vw-card-soft) !important; border-color: var(--vw-line-strong) !important; color: var(--vw-text) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vc-hero-profile-slot .vc-header-actions-menu > summary:hover, html[data-vice-mode="dark"] body.vice-white-2026 .vc-hero-profile-slot .vc-header-actions-menu[open] > summary, html[data-vice-mode="dark"] body.vice-white-2026 .vc-home-navbar .vc-header-actions-menu > summary:hover, html[data-vice-mode="dark"] body.vice-white-2026 .vc-home-navbar .vc-header-actions-menu[open] > summary { background: var(--vw-card) !important; color: var(--vw-ink) !important; } /* ===== Dark 2026 pass 008 — board (MessageIndex) sayfasi acik hucre/yuzey fix ===== Konu listesi satirlarindaki istatistik ve son-gonderi hucreleri ile hizli moderasyon select'i beyaz temadan acik zemin/kenarlik tasiyordu. */ /* Istatistik hucresi (.board_stats) beyaz zeminliydi. */ html[data-vice-mode="dark"] body.vice-white-2026 .board_stats, html[data-vice-mode="dark"] body.vice-white-2026 .board_stats.centertext { background: var(--vw-card-soft) !important; border-color: var(--vw-line) !important; color: var(--vw-text) !important; } /* Son gonderi hucresi (#messageindex .lastpost) acik zeminliydi; kaynak kural #messageindex id'li oldugu icin ayni baglami koruyoruz. */ html[data-vice-mode="dark"] body.vice-white-2026 #messageindex .lastpost, html[data-vice-mode="dark"] body.vice-white-2026 #messageindex td.lastpost { background: var(--vw-card-soft) !important; border-color: var(--vw-line) !important; color: var(--vw-text) !important; } /* Hizli moderasyon select'i (.qaction) acik zeminliydi. */ html[data-vice-mode="dark"] body.vice-white-2026 #main_content_section .qaction, html[data-vice-mode="dark"] body.vice-white-2026 select.qaction, html[data-vice-mode="dark"] body.vice-white-2026 .qaction { background: var(--vw-card-soft) !important; border-color: var(--vw-line-strong) !important; color: var(--vw-text) !important; } /* Board hero ikonu acik kenarlikliydi. */ html[data-vice-mode="dark"] body.vice-white-2026 .vice-board-hero__icon { border-color: var(--vw-line) !important; } /* ---------------------------------------------------------------------- */ /* Dark 2026 pass: Vice One / UCP (.vucp-*) sabit acik renkleri */ /* vice-white-theme.css "White parity 009" blogu (~:6323-6560) bazi yuzey, */ /* kenar ve durum renklerini token yerine sabit deger olarak yazar; --vo-* */ /* token'lari koyuya cevrilse de bunlar acik kalir. Burada birebir karsilik. */ /* ---------------------------------------------------------------------- */ html[data-vice-mode="dark"] body.vice-white-2026 .vucp-frame { background: rgba(22, 27, 34, 0.96) !important; border-color: var(--vo-line) !important; box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-appbar { background: rgba(16, 21, 28, 0.96) !important; border-color: var(--vo-line) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-product__mark, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-view-head__icon { background: linear-gradient(145deg, #12203a, #2a1622) !important; border-color: var(--vo-line-strong) !important; color: #4c9be8 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-appbar-profile { background: #1c2128 !important; border-color: var(--vo-line) !important; color: var(--vo-text) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-appbar-profile:hover { background: #22272e !important; border-color: rgba(76, 155, 232, 0.4) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-sidebar { background: linear-gradient(180deg, #10151c, #0d1117) !important; border-color: var(--vo-line) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-main { background: radial-gradient(circle at 82% 0, rgba(242, 140, 184, 0.06), transparent 28rem), radial-gradient(circle at 12% 8%, rgba(76, 155, 232, 0.07), transparent 26rem), var(--vo-canvas) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-view-head { background: rgba(22, 27, 34, 0.8) !important; border-color: var(--vo-line) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-aside__avatar-wrap { background: #12203a !important; border-color: var(--vo-line-strong) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-aside__avatar-wrap::after { border-color: var(--vo-sidebar) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-aside__balances span, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-sidebar-help, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-card, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-account-overview, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-collection-bar, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac__panel, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-ucp-panel { background: #161b22 !important; border-color: var(--vo-line) !important; color: var(--vo-text) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-nav__item a { color: #8b949e !important; border-color: transparent !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-nav__item a:hover { background: rgba(76, 155, 232, 0.1) !important; color: #6cb0f0 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-nav__item.is-active a { background: linear-gradient(100deg, rgba(76, 155, 232, 0.16), rgba(242, 140, 184, 0.12)) !important; border-color: rgba(76, 155, 232, 0.35) !important; color: #9ecbf5 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-welcome { background: linear-gradient(112deg, rgba(22, 27, 34, 0.96), rgba(18, 32, 58, 0.94) 62%, rgba(42, 22, 34, 0.94)) !important; border-color: var(--vo-line) !important; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.4) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-welcome::before { background: radial-gradient(circle, rgba(242, 140, 184, 0.14), transparent 68%) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-welcome h2 span, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-kicker, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-aside__vcid i { color: #f28cb8 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-primary-action { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-secondary-action, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-ucp-btn, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-mugshot-form__pick { background: #1c2128 !important; border-color: #30363d !important; color: #c9d1d9 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-secondary-action:hover, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-ucp-btn:hover, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-mugshot-form__pick:hover { background: #22272e !important; border-color: rgba(76, 155, 232, 0.45) !important; color: #6cb0f0 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-readiness__ring { background: conic-gradient(#f28cb8 var(--vucp-progress), #30363d 0) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-readiness__ring::before { background: #161b22 !important; border-color: var(--vo-line) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-journey-step, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-account-snapshot > div, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-discover-link, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-world-metric { background: #1c2128 !important; border-color: var(--vo-line) !important; color: var(--vo-text) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-journey-step:hover, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-discover-link:hover { background: #22272e !important; border-color: rgba(76, 155, 232, 0.35) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-journey-step__state, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-discover-link__icon { background: #22272e !important; border-color: var(--vo-line) !important; color: #8b949e !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-journey-step.is-done .vucp-journey-step__state { background: rgba(63, 185, 80, 0.12) !important; border-color: rgba(63, 185, 80, 0.3) !important; color: #3fb950 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-journey-step.is-current .vucp-journey-step__state { background: rgba(242, 140, 184, 0.12) !important; border-color: rgba(242, 140, 184, 0.32) !important; color: #f28cb8 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell input, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell select, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell textarea { background: #0d1117 !important; border-color: #30363d !important; color: #e6edf3 !important; box-shadow: none !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell input:focus, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell select:focus, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell textarea:focus { border-color: #4c9be8 !important; box-shadow: 0 0 0 3px rgba(76, 155, 232, 0.18) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell input::placeholder, html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell textarea::placeholder { color: #6e7681 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vice-ucp-alert { background: rgba(210, 153, 34, 0.1) !important; border-color: rgba(210, 153, 34, 0.35) !important; color: #e3b341 !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-card__count { border-color: var(--vo-line) !important; color: var(--vo-soft) !important; } html[data-vice-mode="dark"] body.vice-white-2026 .vucp-shell .vice-karakterac-nav__label { color: #8b949e !important; } } /* @media screen */