« MediaWiki:Vector-2022.css » : différence entre les versions

@media screen {
  :root,
  .skin-invert,
  .notheme {
    --color-base:#fff; /* Changé */
    --color-base-fixed:#fff; /* Changé */
    --color-base--hover:#404244;
    --color-emphasized:#101418;
    --color-subtle:#bbbbb;
    --color-placeholder:#72777d;
    --color-disabled:#a2a9b1;
    --color-disabled-emphasized:#a2a9b1;
    --color-inverted:#000; /* Changé */
    --color-inverted-fixed:#000; /* Changé */
    --color-progressive:#ffa500; /* Changé */
    --color-progressive--hover:#ffa500; /* Changé */
    --color-progressive--active:#ffa500; /* Changé */
    --color-progressive--focus:#ffa500; /* Changé */
    --color-destructive:#bf3c2c;
    --color-destructive--hover:#9f3526;
    --color-destructive--active:#612419;
    --color-destructive--focus:#36c;
    --color-visited:#ffee00; /* Changé */
    --color-visited--hover:#ffee00; /* Changé */
    --color-visited--active:#ffee00; /* Changé */
    --color-destructive--visited:#9f5555;
    --color-destructive--visited--hover:#854848;
    --color-destructive--visited--active:#512e2e;
    --color-error:#bf3c2c;
    --color-error--hover:#9f3526;
    --color-error--active:#612419;
    --color-warning:#886425;
    --color-success:#177860;
    --color-notice:#404244;
    --color-icon-error:#f54739;
    --color-icon-warning:#ab7f2a;
    --color-icon-success:#099979;
    --color-icon-notice:#72777d;
    --color-content-added:#006400;
    --color-content-removed:#8b0000;
    --filter-invert-icon:0;
    --filter-invert-primary-button-icon:1;
    --box-shadow-color-base:#a2a9b1;
    --box-shadow-color-progressive--active:#233566;
    --box-shadow-color-progressive--focus:#36c;
    --box-shadow-color-progressive-selected:#36c;
    --box-shadow-color-progressive-selected--hover:#3056a9;
    --box-shadow-color-progressive-selected--active:#233566;
    --box-shadow-color-destructive--focus:#36c;
    --box-shadow-color-inverted:#fff;
    --box-shadow-color-alpha-base:rgba(0,0,0,0.06);
    --box-shadow-color-transparent:transparent;
    --mix-blend-mode-base:normal;
    --mix-blend-mode-blend:multiply;
    --background-color-base:#471919; /* Changé */
    --background-color-base-fixed:#471919; /* Changé */
    --background-color-neutral:#eaecf0;
    --background-color-neutral-subtle:#f8f9fa;
    --background-color-interactive:#160807; /* Changé */
    --background-color-interactive--hover:#dadde3;
    --background-color-interactive--active:#c8ccd1;
    --background-color-interactive-subtle:#f8f9fa;
    --background-color-interactive-subtle--hover:#eaecf0;
    --background-color-interactive-subtle--active:#dadde3;
    --background-color-disabled:#dadde3;
    --background-color-disabled-subtle:#eaecf0;
    --background-color-inverted:#101418;
    --background-color-progressive:#36c;
    --background-color-progressive--hover:#3056a9;
    --background-color-progressive--active:#233566;
    --background-color-progressive--focus:#36c;
    --background-color-progressive-subtle:#f1f4fd;
    --background-color-progressive-subtle--hover:#dce3f9;
    --background-color-progressive-subtle--active:#cbd6f6;
    --background-color-destructive:#bf3c2c;
    --background-color-destructive--hover:#9f3526;
    --background-color-destructive--active:#612419;
    --background-color-destructive--focus:#36c;
    --background-color-destructive-subtle:#ffe9e5;
    --background-color-destructive-subtle--hover:#ffdad3;
    --background-color-destructive-subtle--active:#ffc8bd;
    --background-color-error:#f54739;
    --background-color-error--hover:#d74032;
    --background-color-error--active:#bf3c2c;
    --background-color-error-subtle:#ffe9e5;
    --background-color-error-subtle--hover:#ffdad3;
    --background-color-error-subtle--active:#ffc8bd;
    --background-color-warning-subtle:#fdf2d5;
    --background-color-success-subtle:#dff2eb;
    --background-color-notice-subtle:#eaecf0;
    --background-color-content-added:#a3d3ff;
    --background-color-content-removed:#ffe49c;
    --background-color-transparent:transparent;
    --background-color-backdrop-light:rgba(255,255,255,0.65);
    --background-color-backdrop-dark:rgba(0,0,0,0.65);
    --background-color-button-quiet--hover:rgba(0,24,73,0.027);
    --background-color-button-quiet--active:rgba(0,24,73,0.082);
    --background-color-input-binary--checked:#36c;
    --background-color-tab-list-item-framed--hover:rgba(255,255,255,0.3);
    --background-color-tab-list-item-framed--active:rgba(255,255,255,0.65);
    --opacity-icon-base:0.87;
    --opacity-icon-base--hover:0.74;
    --opacity-icon-base--selected:1;
    --opacity-icon-base--disabled:0.51;
    --opacity-icon-placeholder:0.51;
    --opacity-icon-subtle:0.67;
    --border-color-base:#a2a9b1;
    --border-color-subtle:#c8ccd1;
    --border-color-muted:#dadde3;
    --border-color-interactive:#72777d;
    --border-color-interactive--hover:#27292d;
    --border-color-interactive--active:#202122;
    --border-color-disabled:#c8ccd1;
    --border-color-inverted:#fff;
    --border-color-inverted-fixed:#fff;
    --border-color-progressive:#6485d1;
    --border-color-progressive--hover:#3056a9;
    --border-color-progressive--active:#233566;
    --border-color-progressive--focus:#36c;
    --border-color-destructive:#f54739;
    --border-color-destructive--hover:#9f3526;
    --border-color-destructive--active:#612419;
    --border-color-destructive--focus:#36c;
    --border-color-error:#f54739;
    --border-color-error--hover:#9f3526;
    --border-color-error--active:#612419;
    --border-color-warning:#ab7f2a;
    --border-color-success:#099979;
    --border-color-notice:#72777d;
    --border-color-content-added:#a3d3ff;
    --border-color-content-removed:#ffe49c;
    --border-color-transparent:transparent;
    --border-color-divider:#a2a9b1;
    --outline-color-progressive--focus:#36c;
    --color-link-red:var(--color-destructive);
    --color-link-red--hover:var(--color-destructive--hover);
    --color-link-red--active:var(--color-destructive--active);
    --color-link-red--focus:var(--color-destructive--focus);
    --color-link-red--visited:var(--color-destructive--visited);
    --color-link-red--visited--hover:var(--color-destructive--visited--hover);
    --color-link-red--visited--active:var(--color-destructive--visited--active);
    --accent-color-base:#36c;
    --border-color-input--hover:var(--border-color-interactive);
    --border-color-input-binary:var(--border-color-interactive);
    --border-color-input-binary--hover:var(--border-color-progressive--hover);
    --border-color-input-binary--active:var(--border-color-progressive--active);
    --border-color-input-binary--focus:var(--border-color-progressive--focus);
    --border-color-input-binary--checked:var(--border-color-progressive);
    --color-base--subtle:#54595d
 }
	  .vector-pinnable-element .vector-menu-heading {
	  	border-bottom: 1px solid var(--background-color-interactive);
	  }
}