diff options
Diffstat (limited to 'resources/lib/codex-design-tokens')
6 files changed, 12 insertions, 8 deletions
diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less index 5bf43deaeb05..4ba45b6b4c8b 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less @@ -1,5 +1,5 @@ -// Codex Design Tokens v1.20.3 +// Codex Design Tokens v1.21.1 // Design System for Wikimedia // See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html @@ -59,6 +59,7 @@ @z-index-off-canvas: 350; @z-index-overlay-backdrop: 400; @z-index-overlay: 450; +@z-index-popover: 700; @z-index-tooltip: 800; @z-index-toast-notification: 900; @z-index-top: 9999; @@ -327,7 +328,7 @@ @box-shadow-small-bottom: @box-shadow-outset-small-bottom @box-shadow-color-base; @box-shadow-medium: @box-shadow-outset-medium-below @box-shadow-color-alpha-base, @box-shadow-outset-medium-around @box-shadow-color-alpha-base; @box-shadow-large: @box-shadow-outset-large-below @box-shadow-color-alpha-base, @box-shadow-outset-large-around @box-shadow-color-alpha-base; -@accent-color-base: #36c; +@accent-color-base: var( --accent-color-base, #36c ); @position-offset-border-width-base: -@border-width-base; @spacing-horizontal-button: @spacing-75 - @border-width-base; // Padding should equal 12px of spacing minus the width of the border @spacing-horizontal-button-icon-only: @spacing-35 - @border-width-base; // Padding should equal 6px of spacing minus the width of the border diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less index 26e300e12547..2831a18c4851 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.20.3 + * Codex Design Tokens v1.21.1 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css index 63bc29782990..ef51fb03b431 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.20.3 + * Codex Design Tokens v1.21.1 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less index 9fab4f8cc365..2bc5e8047c26 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.20.3 + * Codex Design Tokens v1.21.1 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ @@ -141,6 +141,7 @@ --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 ); diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css b/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css index 558e2bfbad98..162570bb17ae 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.20.3 + * Codex Design Tokens v1.21.1 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ @@ -141,6 +141,7 @@ --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 ); diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less index 5bf43deaeb05..4ba45b6b4c8b 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less @@ -1,5 +1,5 @@ -// Codex Design Tokens v1.20.3 +// Codex Design Tokens v1.21.1 // Design System for Wikimedia // See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html @@ -59,6 +59,7 @@ @z-index-off-canvas: 350; @z-index-overlay-backdrop: 400; @z-index-overlay: 450; +@z-index-popover: 700; @z-index-tooltip: 800; @z-index-toast-notification: 900; @z-index-top: 9999; @@ -327,7 +328,7 @@ @box-shadow-small-bottom: @box-shadow-outset-small-bottom @box-shadow-color-base; @box-shadow-medium: @box-shadow-outset-medium-below @box-shadow-color-alpha-base, @box-shadow-outset-medium-around @box-shadow-color-alpha-base; @box-shadow-large: @box-shadow-outset-large-below @box-shadow-color-alpha-base, @box-shadow-outset-large-around @box-shadow-color-alpha-base; -@accent-color-base: #36c; +@accent-color-base: var( --accent-color-base, #36c ); @position-offset-border-width-base: -@border-width-base; @spacing-horizontal-button: @spacing-75 - @border-width-base; // Padding should equal 12px of spacing minus the width of the border @spacing-horizontal-button-icon-only: @spacing-35 - @border-width-base; // Padding should equal 6px of spacing minus the width of the border |