Dark Vinted • 2024 by geekatori

/* ==UserStyle==
@name         Dark Vinted - 2024
@version      20240810.14.00
@namespace    https://userstyles.world/user/geekatori
@description  Dark mode for Vinted
@author       geekatori
@license      CC BY-SA
==/UserStyle== */

@-moz-document regexp("^https:\\/\\/([a-zA-Z0-9-]+\\.)*vinted\\.[a-zA-Z]{2,}\\/?$") {
  :root {
    --cg7_v2: 23,23,23;
    --cg6_v2: 77,77,77;
    --cg5_v2: 117,117,117;
    --cg4_v2: 153,153,153;
    --cg3_v2: 201,201,201;
    --cg2_v2: 242,242,242;
    --cg1_v2: 255,255,255;
    --primary-light: 0,119,130;
    --primary-medium: 136,212,215;
    --primary-default: 201,240,238;
    --success-light: 40,134,90;
    --success-medium: 138,208,168;
    --success-default: 192,238,208;
    --expose-light: 249,187,66;
    --expose-medium: 255,217,143;
    --expose-default: 255,238,203;
    --warning-light: 208,69,85;
    --warning-medium: 251,169,171;
    --warning-default: 253,220,220;
    --amplified-default: 117,117,117;
    --muted-default: 23,23,23;
    --greyscale-level-7: 23,23,23;
    --greyscale-level-6: 77,77,77;
    --greyscale-level-5: 117,117,117;
    --greyscale-level-4: 153,153,153;
    --greyscale-level-3: 201,201,201;
    --greyscale-level-2: 242,242,242;
    --greyscale-level-1: 255,255,255;
    --primarylightexperimental: 70,70,70;
    --offlineauthenticitydarkexperimental: 237,249,249;
  }
  html,
  body {
    background: RGB(var(--cg7_v2));
  }
  .site {
    background: RGB(var(--cg6_v7));
  }
  .nav-links {
    color: rgb(var(--cg1_v2));
  }
  .web_ui__Button__muted,
  .web_ui__Button__muted.web_ui__Button__inverse.web_ui__Button__filled .web_ui__Button__label {
    color: rgba(var(--amplified-default), 1);
  }
  .web_ui__Text__amplified {
    color: rgba(var(--cg2_v2), 1)
  }
  .web_ui__Tabs__tab {
    color: rgba(var(--cg2_v2), 1);
  }
}