Ansa.it | Dark Theme by alatella87

/* ==UserStyle==
@name           Ansa.it Dark Theme
@namespace      github.com/openstyles/stylus
@version        0.0.1
@description    A long-awaited (?) Dark Theme for one of italy most visited website (136,339,774 February 2025)
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://www.ansa.it/") {
    /* Insert code here... */
}

:root {
    --paper: #121212;
    /* dark background */
    --paper-rgb: 18, 18, 18;
    --ink: #ffffff;
    /* main text */
    --ink-rgb: 255, 255, 255;
    --ink-10: #1f1f1f;
    /* very subtle ink (darkest) */
    --ink-30: #3a3a3a;
    --ink-50: #6e6e6e;
    --ink-80: #b0b0b0;
    --ink-90: #e0e0e0;
    /* almost white for headings or important text */
    --border: #2e2e2e;
    --alert: #ff6b6b;
    /* softened red for dark mode */
    --primary: #34b233;
    /* vibrant green works well on dark */
    --primary-10: #1d2b1d;
    /* faint green tint */
    --primary-40: #2e4e2e;
    --primary-50: #3b603b;
    --primary-dark: #67f067;
    /* brighter green for hover, etc. */
    --promo: #379489;
    --promo-10: #1c2e2d;
    --highlighter: #ff0;
    /* yellow still pops on dark */
    --darken-paper: var(--ink-10);
    --darken-border: #444;
    /* clearer but still subtle border */
    --darken-accent: #25d366;
    --sb-track-color: var(--ink-10);
    /* scrollbar track */
    --sb-thumb-color: var(--primary);
    /* scrollbar thumb */
    --sb-size: 10px;
    --inline-link-shadow: inset 0 -1px 0 0 var(--primary);
    --inline-link-shadow-hover: inset 0 -0.5em 0 0 var(--primary-40);
    --inline-link-color-hover: var(--primary-dark);
    --color-grid: red;
    --doc-height: 100%;
    --container-padding: 20px;
    --grid-column-gap: 24px;
}

#header {
    background: #121212 !important;
}

#header .main .toolbar .menu {
    color: white 
}