@redocly/theme
Version:
Shared UI components lib
37 lines (32 loc) • 2.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.switcherDarkMode = void 0;
const styled_components_1 = require("styled-components");
exports.switcherDarkMode = (0, styled_components_1.css) `
--switch-bg-color: transparent; // @presenter Color
--switch-bg-color-selected: var(--color-warm-grey-7); // @presenter Color
--switch-bg-color-hover: transparent; // @presenter Color
--switch-bg-color-pressed: transparent; // @presenter Color
--switch-bg-color-disabled: transparent; // @presenter Color
--switch-bg-color-disabled-selected: var(--color-warm-grey-5); // @presenter Color
--switch-border-color: var(--color-warm-grey-6); // @presenter Color
--switch-border-color-hover: var(--color-warm-grey-7); // @presenter Color
--switch-border-color-pressed: var(--color-warm-grey-8); // @presenter Color
--switch-border-color-disabled: var(--color-warm-grey-5); // @presenter Color
--switch-border-color-selected: var(--color-warm-grey-7); // @presenter Color
--switch-border-width: var(--border-width); // @presenter Border
--switch-border-radius: var(--border-radius); // @presenter BorderRadius
--switch-width: 32px; // @presenter Width
--switch-height: 18px; // @presenter Height
--switch-padding: calc((var(--spacing-xxs) / 2) - var(--switch-border-width)); // @presenter Padding
--switch-bg-transition: background-color 0.3s; // @presenter Transition
// Knob
--switch-knob-bg-color: var(--color-warm-grey-8); // @presenter Color
--switch-knob-bg-color-selected: var(--color-static-white); // @presenter Color
--switch-knob-bg-color-disabled: var(--color-warm-grey-6); // @presenter Color
--switch-knob-border-radius: calc(var(--border-radius) / 2); // @presenter BorderRadius
--switch-knob-height: 14px; // @presenter Height
--switch-knob-width: 14px; // @presenter Width
--switch-knob-transition: all 0.3s; // @presenter Transition
`;
//# sourceMappingURL=variables.dark.js.map