/* ============================================================= TOMORIS.Design 3.0.0 ยท tomoris-tokens.css ERZEUGT aus quelle/tokens.mjs. Nicht von Hand aendern. Neu erzeugen: npm run erzeuge data-theme ist FREIWILLIG. Fehlt es, folgt die Palette dem Systemzustand (prefers-color-scheme); ein gesetztes data-theme gewinnt immer. Gemeldet von Werft und Whisper: ohne diesen Rueckfall loest im ersten Bild ohne JavaScript keine Farbe auf. Rollen statt Inventar. Fachfarben bleiben in der Anwendung: Kalenderfarben, Bildungsbereiche, Platzzustaende, Schweregrade. ============================================================= */ @layer tomoris.tokens { /* ---------- Marke, modusfrei ---------- */ :root{ --tm-brand-1: #030f5c; --tm-brand-2: #004aff; --tm-brand-3: #ed4a00; --tm-brand-4: #eceff1; } /* ---------- Konstanten, modusfrei ---------- */ :root{ --tm-font: "Nunito Sans", system-ui, -apple-system, sans-serif; --tm-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --tm-size-eyebrow: .75rem; --tm-size-h1: clamp(2rem, 1.3rem + 2.4vw, 3.4rem); --tm-size-h2: 1.625rem; --tm-size-h3: .9375rem; --tm-size-body: .9375rem; --tm-size-label: .8125rem; --tm-size-mono: .75rem; --tm-track-eyebrow: .14em; --tm-radius-marker: 3px; --tm-radius-tile: 10px; --tm-radius-box: 12px; --tm-radius-button: 12px; --tm-radius-card: 16px; --tm-radius-pill: 999px; --tm-dur-fast: 160ms; --tm-dur-slow: 320ms; --tm-ease: cubic-bezier(.2,.7,.3,1); } /* ---------- Masse je Anwendung, modusfrei ---------- */ [data-app="whisper"]{ --tm-radius-card: 14px; --tm-radius-button: 10px; } [data-app="ccr"]{ --tm-radius-card: 12px; --tm-radius-box: 8px; } [data-app="darkwatch"]{ --tm-radius-card: 12px; --tm-radius-button: 10px; } [data-app="werft"]{ --tm-radius-card: 10px; --tm-radius-box: 8px; --tm-radius-button: 8px; } [data-app="pia"]{ --tm-radius-card: 18px; --tm-radius-button: 999px; } [data-app="workassist"]{ --tm-radius-card: 6px; --tm-radius-box: 4px; --tm-radius-button: 4px; } [data-app="pia"]{ --tm-brand-1: #1e4238; --tm-brand-2: #f2a007; --tm-brand-3: #e4572e; --tm-brand-4: #fbf9f3; } /* ---------- Rollen, neutral ---------- */ :root, [data-theme="hell"]{ color-scheme: light; --tm-bg: #f2f4f9; --tm-bg-soft: #e8ecf5; --tm-surface: #ffffff; --tm-surface-2: #f5f7fc; --tm-surface-3: #eef2f9; --tm-field: #ffffff; --tm-border-weak: #eaeef6; --tm-border: #dde3ef; --tm-border-strong: #c6cfe0; --tm-border-elevated: #7d8aa4; --tm-hover: #f7f9fd; --tm-text-1: #0d1b3d; --tm-text-2: #43536f; --tm-text-3: #5c6b89; --tm-text-4: #5c6b89; --tm-accent: #1f4fe0; --tm-accent-ink: #ffffff; --tm-accent-text: #1f4fe0; --tm-accent-hover: #1540c2; --tm-accent-soft: #eef3ff; --tm-accent-2: #c94409; --tm-accent-2-ink: #ffffff; --tm-accent-2-text: #9a3412; --tm-stage: #030f5c; --tm-stage-2: #16247a; --tm-stage-3: #1f3196; --tm-stage-ink: #ffffff; --tm-stage-text-2: #c3ccf5; --tm-stage-text-3: #a9b6f0; --tm-stage-accent: #ff8a45; --tm-ok: #0f9d63; --tm-ok-ink: #0a7048; --tm-ok-fill: #e4f4ec; --tm-warn: #b07a05; --tm-warn-ink: #7a5500; --tm-warn-fill: #faf0dc; --tm-crit: #d93a25; --tm-crit-ink: #a82a18; --tm-crit-fill: #fbe7e5; --tm-info: #2b57d6; --tm-info-ink: #26507e; --tm-info-fill: #eaf2fb; --tm-unknown: #66748f; --tm-unknown-ink: #465470; --tm-unknown-fill: #eef0f4; --tm-shadow-sm: 0 1px 3px rgba(3,15,92,.10); --tm-shadow: 0 2px 8px rgba(3,15,92,.07), 0 12px 32px rgba(3,15,92,.06); --tm-shadow-overlay: 0 24px 64px rgba(3,15,92,.25); --tm-scrim: rgba(3,15,92,.35); --tm-glass: rgba(255,255,255,.72); --tm-glass-border: rgba(13,27,61,.10); } @media (prefers-color-scheme: dark){ :root:not([data-theme="hell"]){ color-scheme: dark; --tm-bg: #071026; --tm-bg-soft: #0b1730; --tm-surface: #101a33; --tm-surface-2: #17233f; --tm-surface-3: #1e2b4a; --tm-field: #0d1730; --tm-border-weak: rgba(236,239,241,.06); --tm-border: rgba(236,239,241,.10); --tm-border-strong: rgba(236,239,241,.20); --tm-border-elevated: #647498; --tm-hover: rgba(255,255,255,.04); --tm-text-1: #eef2f8; --tm-text-2: #c3cee0; --tm-text-3: #a3b1c9; --tm-text-4: #93a2bc; --tm-accent: #3d72ff; --tm-accent-ink: #071026; --tm-accent-text: #84a8ff; --tm-accent-hover: #2452cc; --tm-accent-soft: rgba(61,114,255,.16); --tm-accent-2: #ff6a2b; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ffa870; --tm-stage: #0a1330; --tm-stage-2: #1b2650; --tm-stage-3: #243266; --tm-stage-ink: #ffffff; --tm-stage-text-2: #c3cee0; --tm-stage-text-3: #a9b8e8; --tm-stage-accent: #ff8a45; --tm-ok: #33d18f; --tm-ok-ink: #4fdca0; --tm-ok-fill: rgba(51,209,143,.14); --tm-warn: #f5c451; --tm-warn-ink: #f7ce6d; --tm-warn-fill: rgba(245,196,81,.14); --tm-crit: #ff6150; --tm-crit-ink: #ff8878; --tm-crit-fill: rgba(255,97,80,.14); --tm-info: #7fa6ff; --tm-info-ink: #9dbaff; --tm-info-fill: rgba(127,166,255,.14); --tm-unknown: #93a2bc; --tm-unknown-ink: #a9b6cd; --tm-unknown-fill: rgba(147,162,188,.12); --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4); --tm-shadow: 0 18px 40px rgba(0,0,0,.42); --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6); --tm-scrim: rgba(0,0,0,.6); --tm-glass: rgba(16,26,51,.58); --tm-glass-border: rgba(255,255,255,.12); } } [data-theme="dunkel"]{ color-scheme: dark; --tm-bg: #071026; --tm-bg-soft: #0b1730; --tm-surface: #101a33; --tm-surface-2: #17233f; --tm-surface-3: #1e2b4a; --tm-field: #0d1730; --tm-border-weak: rgba(236,239,241,.06); --tm-border: rgba(236,239,241,.10); --tm-border-strong: rgba(236,239,241,.20); --tm-border-elevated: #647498; --tm-hover: rgba(255,255,255,.04); --tm-text-1: #eef2f8; --tm-text-2: #c3cee0; --tm-text-3: #a3b1c9; --tm-text-4: #93a2bc; --tm-accent: #3d72ff; --tm-accent-ink: #071026; --tm-accent-text: #84a8ff; --tm-accent-hover: #2452cc; --tm-accent-soft: rgba(61,114,255,.16); --tm-accent-2: #ff6a2b; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ffa870; --tm-stage: #0a1330; --tm-stage-2: #1b2650; --tm-stage-3: #243266; --tm-stage-ink: #ffffff; --tm-stage-text-2: #c3cee0; --tm-stage-text-3: #a9b8e8; --tm-stage-accent: #ff8a45; --tm-ok: #33d18f; --tm-ok-ink: #4fdca0; --tm-ok-fill: rgba(51,209,143,.14); --tm-warn: #f5c451; --tm-warn-ink: #f7ce6d; --tm-warn-fill: rgba(245,196,81,.14); --tm-crit: #ff6150; --tm-crit-ink: #ff8878; --tm-crit-fill: rgba(255,97,80,.14); --tm-info: #7fa6ff; --tm-info-ink: #9dbaff; --tm-info-fill: rgba(127,166,255,.14); --tm-unknown: #93a2bc; --tm-unknown-ink: #a9b6cd; --tm-unknown-fill: rgba(147,162,188,.12); --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4); --tm-shadow: 0 18px 40px rgba(0,0,0,.42); --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6); --tm-scrim: rgba(0,0,0,.6); --tm-glass: rgba(16,26,51,.58); --tm-glass-border: rgba(255,255,255,.12); } /* ---- space ---- */ [data-app="space"], [data-app="space"][data-theme="hell"]{ --tm-bg: #f2f5fc; --tm-bg-soft: #e7edfa; } @media (prefers-color-scheme: dark){ [data-app="space"]:not([data-theme="hell"]){ --tm-bg: #080e20; --tm-bg-soft: #0c1530; --tm-surface: #111a34; --tm-surface-2: #18233f; --tm-surface-3: #202c4d; --tm-accent: #4d7dff; --tm-accent-ink: #050b1c; --tm-accent-text: #9db6ff; --tm-accent-hover: #3d6ae8; --tm-accent-soft: rgba(77,125,255,.16); } } [data-app="space"][data-theme="dunkel"]{ --tm-bg: #080e20; --tm-bg-soft: #0c1530; --tm-surface: #111a34; --tm-surface-2: #18233f; --tm-surface-3: #202c4d; --tm-accent: #4d7dff; --tm-accent-ink: #050b1c; --tm-accent-text: #9db6ff; --tm-accent-hover: #3d6ae8; --tm-accent-soft: rgba(77,125,255,.16); } /* ---- pia ---- */ [data-app="pia"], [data-app="pia"][data-theme="hell"]{ --tm-bg: #faf6ef; --tm-bg-soft: #f3ecdf; --tm-surface: #ffffff; --tm-surface-2: #fbf7f0; --tm-surface-3: #f4f1e6; --tm-field: #ffffff; --tm-border-weak: #f2ece0; --tm-border: #e7e2d2; --tm-border-strong: #d3c7b2; --tm-border-elevated: #8d8069; --tm-hover: #fbf8f2; --tm-text-1: #1e4238; --tm-text-2: #41594f; --tm-text-3: #526b60; --tm-text-4: #526b60; --tm-accent: #c9431f; --tm-accent-ink: #ffffff; --tm-accent-text: #c9431f; --tm-accent-hover: #ab3617; --tm-accent-soft: #fdeee7; --tm-accent-2: #1e4238; --tm-accent-2-ink: #eaf2ec; --tm-accent-2-text: #1e4238; --tm-stage: #1e4238; --tm-stage-2: #173730; --tm-stage-3: #255045; --tm-stage-ink: #eaf2ec; --tm-stage-text-2: #c8dccf; --tm-stage-text-3: #a8c4b4; --tm-stage-accent: #f2a007; --tm-ok: #2e6e45; --tm-ok-ink: #255c39; --tm-ok-fill: #e3f1e7; --tm-warn: #9a6b00; --tm-warn-ink: #7a5600; --tm-warn-fill: #fcefd4; --tm-crit: #b03a1b; --tm-crit-ink: #8f2f16; --tm-crit-fill: #fbe2da; --tm-info: #2e5fa3; --tm-info-ink: #264e86; --tm-info-fill: #e3ecf8; --tm-unknown: #5a5a55; --tm-unknown-ink: #4a4a46; --tm-unknown-fill: #f2f2f0; --tm-glass-border: rgba(30,66,56,.12); --tm-shadow: 0 16px 40px rgba(30,66,56,.12); } @media (prefers-color-scheme: dark){ [data-app="pia"]:not([data-theme="hell"]){ --tm-bg: #12251f; --tm-bg-soft: #0d1c17; --tm-surface: #1a332b; --tm-surface-2: #204036; --tm-surface-3: #28503f; --tm-field: #162c24; --tm-border-weak: rgba(243,237,226,.07); --tm-border: rgba(243,237,226,.13); --tm-border-strong: rgba(243,237,226,.24); --tm-border-elevated: #7d9c8b; --tm-text-1: #f3ede2; --tm-text-2: #cbd9d0; --tm-text-3: #aebfb4; --tm-text-4: #9db0a4; --tm-accent: #ff7a4d; --tm-accent-ink: #1d0f09; --tm-accent-text: #ff9c78; --tm-accent-hover: #e8663a; --tm-accent-soft: rgba(255,122,77,.16); --tm-accent-2: #8ed6ae; --tm-accent-2-ink: #0d1c17; --tm-accent-2-text: #8ed6ae; --tm-stage: #0f1f1a; --tm-stage-2: #173730; --tm-stage-3: #1e4238; --tm-stage-ink: #eaf2ec; --tm-stage-text-2: #cbd9d0; --tm-stage-text-3: #aec8ba; --tm-stage-accent: #f2a007; --tm-ok: #5bc98f; --tm-ok-ink: #6ed3a0; } } [data-app="pia"][data-theme="dunkel"]{ --tm-bg: #12251f; --tm-bg-soft: #0d1c17; --tm-surface: #1a332b; --tm-surface-2: #204036; --tm-surface-3: #28503f; --tm-field: #162c24; --tm-border-weak: rgba(243,237,226,.07); --tm-border: rgba(243,237,226,.13); --tm-border-strong: rgba(243,237,226,.24); --tm-border-elevated: #7d9c8b; --tm-text-1: #f3ede2; --tm-text-2: #cbd9d0; --tm-text-3: #aebfb4; --tm-text-4: #9db0a4; --tm-accent: #ff7a4d; --tm-accent-ink: #1d0f09; --tm-accent-text: #ff9c78; --tm-accent-hover: #e8663a; --tm-accent-soft: rgba(255,122,77,.16); --tm-accent-2: #8ed6ae; --tm-accent-2-ink: #0d1c17; --tm-accent-2-text: #8ed6ae; --tm-stage: #0f1f1a; --tm-stage-2: #173730; --tm-stage-3: #1e4238; --tm-stage-ink: #eaf2ec; --tm-stage-text-2: #cbd9d0; --tm-stage-text-3: #aec8ba; --tm-stage-accent: #f2a007; --tm-ok: #5bc98f; --tm-ok-ink: #6ed3a0; } /* ---- ccr ---- */ [data-app="ccr"], [data-app="ccr"][data-theme="hell"]{ --tm-bg: #edf2f8; --tm-bg-soft: #e3eaf3; --tm-surface: #ffffff; --tm-surface-2: #f1f7fd; --tm-surface-3: #e7edf5; --tm-border-weak: #eff4f9; --tm-border: #e3eaf3; --tm-border-strong: #cbd5ee; --tm-hover: #eef4fb; --tm-text-1: #2c3a56; --tm-text-2: #45536e; --tm-text-3: #5c6a86; --tm-text-4: #5c6a86; --tm-accent: #3c6da9; --tm-accent-ink: #ffffff; --tm-accent-text: #2f6299; --tm-accent-hover: #2f5c92; --tm-accent-soft: #e6eff8; --tm-stage: #1c2739; --tm-stage-2: #243149; --tm-stage-3: #2e3d59; --tm-stage-ink: #ffffff; --tm-stage-text-2: #dce5f0; --tm-stage-text-3: #b3c1d6; --tm-stage-accent: #ff9f97; --tm-ok: #2e9e6a; --tm-ok-ink: #1c7a4d; --tm-warn: #b9821e; --tm-warn-ink: #7a5500; --tm-crit: #d6524b; --tm-crit-ink: #8e322c; --tm-info: #3c6da9; --tm-info-ink: #26507e; --tm-unknown: #7387a5; --tm-unknown-ink: #4d5f7d; --tm-unknown-fill: #eef1f7; } @media (prefers-color-scheme: dark){ [data-app="ccr"]:not([data-theme="hell"]){ --tm-bg: #0b1120; --tm-bg-soft: #0f1830; --tm-surface: #131c31; --tm-surface-2: #1a2540; --tm-accent: #5b8cff; --tm-accent-ink: #08122b; --tm-accent-text: #93b4ff; --tm-accent-hover: #4a76e0; } } [data-app="ccr"][data-theme="dunkel"]{ --tm-bg: #0b1120; --tm-bg-soft: #0f1830; --tm-surface: #131c31; --tm-surface-2: #1a2540; --tm-accent: #5b8cff; --tm-accent-ink: #08122b; --tm-accent-text: #93b4ff; --tm-accent-hover: #4a76e0; } /* ---- whisper ---- */ [data-app="whisper"], [data-app="whisper"][data-theme="hell"]{ --tm-bg: #ffffff; --tm-bg-soft: #f2f5fa; --tm-surface: #f2f5fa; --tm-surface-2: #ffffff; --tm-surface-3: #e8edf6; --tm-field: #ffffff; --tm-border-weak: #eef1f7; --tm-border: #e2e7f0; --tm-border-strong: #c3ccde; --tm-border-elevated: #7d8aa4; --tm-text-1: #0f1420; --tm-text-2: #4a5570; --tm-text-3: #5c6980; --tm-text-4: #5c6980; --tm-accent: #1b4ae0; --tm-accent-ink: #ffffff; --tm-accent-text: #1442c8; --tm-accent-hover: #1540c2; --tm-accent-soft: #eef3ff; --tm-accent-2: #c2410c; --tm-accent-2-ink: #ffffff; --tm-accent-2-text: #9a3412; } @media (prefers-color-scheme: dark){ [data-app="whisper"]:not([data-theme="hell"]){ --tm-bg: #171c28; --tm-bg-soft: #12161f; --tm-surface: #212a3c; --tm-surface-2: #151a26; --tm-surface-3: #2a3550; --tm-field: #151a26; --tm-border-weak: rgba(255,255,255,.06); --tm-border: #2a3244; --tm-border-strong: #3d4863; --tm-border-elevated: #647498; --tm-text-1: #f2f5fa; --tm-text-2: #b3bfd4; --tm-text-3: #a0adc4; --tm-text-4: #8b98b4; --tm-accent: #2a5fe8; --tm-accent-ink: #ffffff; --tm-accent-text: #8ab0ff; --tm-accent-hover: #2452cc; --tm-accent-soft: rgba(42,95,232,.18); --tm-accent-2: #ff8a45; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ffa870; } } [data-app="whisper"][data-theme="dunkel"]{ --tm-bg: #171c28; --tm-bg-soft: #12161f; --tm-surface: #212a3c; --tm-surface-2: #151a26; --tm-surface-3: #2a3550; --tm-field: #151a26; --tm-border-weak: rgba(255,255,255,.06); --tm-border: #2a3244; --tm-border-strong: #3d4863; --tm-border-elevated: #647498; --tm-text-1: #f2f5fa; --tm-text-2: #b3bfd4; --tm-text-3: #a0adc4; --tm-text-4: #8b98b4; --tm-accent: #2a5fe8; --tm-accent-ink: #ffffff; --tm-accent-text: #8ab0ff; --tm-accent-hover: #2452cc; --tm-accent-soft: rgba(42,95,232,.18); --tm-accent-2: #ff8a45; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ffa870; } /* ---- supplycheck ---- */ [data-app="supplycheck"], [data-app="supplycheck"][data-theme="hell"]{ --tm-bg: #f1f4fa; --tm-bg-soft: #eceff1; --tm-text-1: #0a1a4d; --tm-text-2: #3f4f78; --tm-text-3: #4f6086; --tm-text-4: #4f6086; --tm-accent: #004aff; --tm-accent-ink: #ffffff; --tm-accent-text: #0b3ecc; --tm-accent-hover: #0038c4; --tm-accent-soft: #eef3ff; --tm-accent-2: #c94409; --tm-accent-2-ink: #ffffff; --tm-accent-2-text: #b83c00; --tm-stage: #030f5c; --tm-stage-2: #0a1f7a; --tm-stage-3: #12309a; --tm-stage-ink: #ffffff; --tm-stage-text-2: #c3ccf5; --tm-stage-text-3: #a9b6f0; --tm-stage-accent: #ed4a00; } @media (prefers-color-scheme: dark){ [data-app="supplycheck"]:not([data-theme="hell"]){ --tm-bg: #050f2c; --tm-bg-soft: #081642; --tm-surface: #0c1a44; --tm-surface-2: #122253; --tm-surface-3: #1a2d63; --tm-text-1: #eaf0ff; --tm-text-2: #b9c6e6; --tm-text-3: #a6b5d6; --tm-text-4: #96a6c9; --tm-accent: #4d7dff; --tm-accent-ink: #050f2c; --tm-accent-text: #9db6ff; --tm-accent-2: #ff6a2b; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ffa870; --tm-stage: #030f5c; --tm-stage-2: #0a1f7a; --tm-stage-3: #12309a; --tm-stage-accent: #ff8a45; } } [data-app="supplycheck"][data-theme="dunkel"]{ --tm-bg: #050f2c; --tm-bg-soft: #081642; --tm-surface: #0c1a44; --tm-surface-2: #122253; --tm-surface-3: #1a2d63; --tm-text-1: #eaf0ff; --tm-text-2: #b9c6e6; --tm-text-3: #a6b5d6; --tm-text-4: #96a6c9; --tm-accent: #4d7dff; --tm-accent-ink: #050f2c; --tm-accent-text: #9db6ff; --tm-accent-2: #ff6a2b; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ffa870; --tm-stage: #030f5c; --tm-stage-2: #0a1f7a; --tm-stage-3: #12309a; --tm-stage-accent: #ff8a45; } /* ---- darkwatch ---- */ [data-app="darkwatch"], [data-app="darkwatch"][data-theme="hell"]{ --tm-bg: #eef1f6; --tm-bg-soft: #e4e9f1; --tm-accent: #0b3ecc; --tm-accent-text: #0b3ecc; --tm-accent-hover: #0a35ad; --tm-accent-2: #b83c00; --tm-accent-2-ink: #ffffff; --tm-accent-2-text: #9a3412; } @media (prefers-color-scheme: dark){ [data-app="darkwatch"]:not([data-theme="hell"]){ --tm-bg: #0b1020; --tm-bg-soft: #080d18; --tm-surface: #121a2e; --tm-surface-2: #18203a; --tm-surface-3: #1f2949; --tm-border-weak: rgba(230,237,250,.06); --tm-text-1: #e9edf7; --tm-text-2: #c0cade; --tm-text-3: #a3aec8; --tm-text-4: #8b96b4; --tm-accent: #004aff; --tm-accent-ink: #ffffff; --tm-accent-text: #9fb3ff; --tm-accent-hover: #0038c4; --tm-accent-soft: rgba(0,74,255,.18); --tm-accent-2: #ed4a00; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ff9a5e; } } [data-app="darkwatch"][data-theme="dunkel"]{ --tm-bg: #0b1020; --tm-bg-soft: #080d18; --tm-surface: #121a2e; --tm-surface-2: #18203a; --tm-surface-3: #1f2949; --tm-border-weak: rgba(230,237,250,.06); --tm-text-1: #e9edf7; --tm-text-2: #c0cade; --tm-text-3: #a3aec8; --tm-text-4: #8b96b4; --tm-accent: #004aff; --tm-accent-ink: #ffffff; --tm-accent-text: #9fb3ff; --tm-accent-hover: #0038c4; --tm-accent-soft: rgba(0,74,255,.18); --tm-accent-2: #ed4a00; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ff9a5e; } /* ---- werft ---- */ [data-app="werft"], [data-app="werft"][data-theme="hell"]{ --tm-bg: #e8eaee; --tm-bg-soft: #dfe2e8; --tm-surface: #f8f9fb; --tm-surface-2: #eef0f4; --tm-surface-3: #e4e7ec; --tm-field: #ffffff; --tm-border-weak: #e7eaee; --tm-border: #d2d7df; --tm-border-strong: #b9c0cb; --tm-border-elevated: #7b8794; --tm-hover: #f2f4f7; --tm-text-1: #1c2230; --tm-text-2: #454e5f; --tm-text-3: #535c6d; --tm-text-4: #535c6d; --tm-accent: #3a5480; --tm-accent-ink: #ffffff; --tm-accent-text: #3a5480; --tm-accent-hover: #2d4266; --tm-accent-soft: #e7ebf3; --tm-accent-2: #94540a; --tm-accent-2-ink: #ffffff; --tm-accent-2-text: #7d4708; --tm-stage: #2b323d; --tm-stage-2: #222831; --tm-stage-3: #353d4a; --tm-stage-ink: #f2f4f7; --tm-stage-text-2: #c8cdd6; --tm-stage-text-3: #b0b8c4; --tm-stage-accent: #e0a458; --tm-ok: #12653a; --tm-ok-ink: #0f5730; --tm-warn: #8a5300; --tm-warn-ink: #734500; --tm-crit: #a4161a; --tm-crit-ink: #8b1215; --tm-unknown: #33454f; --tm-unknown-ink: #2b3a43; --tm-unknown-fill: #dde3e7; --tm-shadow: 0 14px 32px rgba(28,34,48,.14); } @media (prefers-color-scheme: dark){ [data-app="werft"]:not([data-theme="hell"]){ --tm-bg: #16181d; --tm-bg-soft: #111318; --tm-surface: #1e2128; --tm-surface-2: #262a33; --tm-surface-3: #2f343f; --tm-field: #262a33; --tm-border-weak: rgba(232,234,238,.06); --tm-border: rgba(232,234,238,.12); --tm-border-strong: rgba(232,234,238,.22); --tm-border-elevated: #79808d; --tm-text-1: #e9ebef; --tm-text-2: #bcc2cc; --tm-text-3: #a8aeba; --tm-text-4: #98a0ad; --tm-accent: #8fadde; --tm-accent-ink: #10151f; --tm-accent-text: #8fadde; --tm-accent-hover: #a8c1e8; --tm-accent-soft: rgba(143,173,222,.16); --tm-accent-2: #e0a458; --tm-accent-2-ink: #1a1206; --tm-accent-2-text: #e0a458; --tm-stage: #101216; --tm-stage-2: #191c22; --tm-stage-3: #232830; --tm-stage-ink: #f2f4f7; --tm-stage-text-2: #bcc2cc; --tm-stage-text-3: #a8aeba; --tm-stage-accent: #e0a458; --tm-ok: #6ee7a8; --tm-ok-ink: #84ecb6; --tm-warn: #f5c069; --tm-warn-ink: #f7cd85; --tm-crit: #ff9a9d; --tm-crit-ink: #ffb0b2; --tm-unknown: #b7c4d0; --tm-unknown-ink: #c4cfd9; } } [data-app="werft"][data-theme="dunkel"]{ --tm-bg: #16181d; --tm-bg-soft: #111318; --tm-surface: #1e2128; --tm-surface-2: #262a33; --tm-surface-3: #2f343f; --tm-field: #262a33; --tm-border-weak: rgba(232,234,238,.06); --tm-border: rgba(232,234,238,.12); --tm-border-strong: rgba(232,234,238,.22); --tm-border-elevated: #79808d; --tm-text-1: #e9ebef; --tm-text-2: #bcc2cc; --tm-text-3: #a8aeba; --tm-text-4: #98a0ad; --tm-accent: #8fadde; --tm-accent-ink: #10151f; --tm-accent-text: #8fadde; --tm-accent-hover: #a8c1e8; --tm-accent-soft: rgba(143,173,222,.16); --tm-accent-2: #e0a458; --tm-accent-2-ink: #1a1206; --tm-accent-2-text: #e0a458; --tm-stage: #101216; --tm-stage-2: #191c22; --tm-stage-3: #232830; --tm-stage-ink: #f2f4f7; --tm-stage-text-2: #bcc2cc; --tm-stage-text-3: #a8aeba; --tm-stage-accent: #e0a458; --tm-ok: #6ee7a8; --tm-ok-ink: #84ecb6; --tm-warn: #f5c069; --tm-warn-ink: #f7cd85; --tm-crit: #ff9a9d; --tm-crit-ink: #ffb0b2; --tm-unknown: #b7c4d0; --tm-unknown-ink: #c4cfd9; } /* ---- workassist ---- */ [data-app="workassist"], [data-app="workassist"][data-theme="hell"]{ --tm-bg: #eef1f6; --tm-bg-soft: #e6eaf2; --tm-accent: #004aff; --tm-accent-ink: #ffffff; --tm-accent-text: #0b3ecc; --tm-accent-hover: #0038c4; --tm-accent-soft: #eef3ff; --tm-accent-2: #c24000; --tm-accent-2-ink: #ffffff; --tm-accent-2-text: #9a3412; --tm-stage: #030f5c; --tm-stage-2: #16247a; --tm-stage-3: #1f3196; --tm-stage-ink: #ffffff; --tm-stage-text-2: #c3ccf5; --tm-stage-text-3: #a9b6f0; --tm-stage-accent: #ff9f97; --tm-shadow-overlay: 0 24px 64px rgba(3,15,92,.25); --tm-scrim: rgba(3,15,92,.35); } @media (prefers-color-scheme: dark){ [data-app="workassist"]:not([data-theme="hell"]){ --tm-bg: #0e1526; --tm-bg-soft: #111a2f; --tm-surface: #16203a; --tm-surface-2: #1d294a; --tm-accent: #4d8bff; --tm-accent-ink: #06122b; --tm-accent-text: #93b4ff; --tm-accent-2: #ff7a3d; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ff9a6e; } } [data-app="workassist"][data-theme="dunkel"]{ --tm-bg: #0e1526; --tm-bg-soft: #111a2f; --tm-surface: #16203a; --tm-surface-2: #1d294a; --tm-accent: #4d8bff; --tm-accent-ink: #06122b; --tm-accent-text: #93b4ff; --tm-accent-2: #ff7a3d; --tm-accent-2-ink: #1a0a02; --tm-accent-2-text: #ff9a6e; } }