excalidraw/packages/excalidraw/css/variables.module.scss
2025-04-13 17:46:38 -06:00

79 lines
2.8 KiB
SCSS

:root {
--color-primary: #6965db;
--color-primary-darker: #5653c0;
--color-primary-darkest: #4c44b4;
--color-primary-hover: #7a75d3;
--color-primary-light: #8c7cd5;
--color-primary-lighter: #a29be8;
--color-primary-lightest: #c3c0f9;
--color-on-primary: #ffffff;
--color-on-primary-container: #000000;
--color-surface-lowest: #f7f7f7;
--color-surface-low: #f2f2f2;
--color-surface: #ffffff;
--color-surface-high: #f9f9f9;
--color-surface-highest: #f7f7f7;
--color-surface-primary-container: #4c44b4;
--color-disabled: #c3c0f9;
--color-gray-90: #333333;
--color-on-surface: #333333;
--color-on-surface-high: #333333;
--color-on-surface-highest: #333333;
--color-on-surface-lowest: #333333;
--color-on-surface-low: #333333;
--color-on-surface-inverse: #ffffff;
--color-on-surface-inverse-high: #ffffff;
--color-on-surface-inverse-highest: #ffffff;
--color-on-surface-inverse-lowest: #ffffff;
--color-on-surface-inverse-low: #ffffff;
--color-on-surface-inverse-disabled: #c3c0f9;
--color-on-surface-disabled: #c3c0f9;
--color-on-surface-high-disabled: #c3c0f9;
--color-on-surface-highest-disabled: #c3c0f9;
--color-on-surface-lowest-disabled: #c3c0f9;
--color-on-surface-low-disabled: #c3c0f9;
--color-on-surface-inverse-disabled: #c3c0f9;
--color-on-surface-inverse-high-disabled: #c3c0f9;
--color-on-surface-inverse-highest-disabled: #c3c0f9;
--color-on-surface-inverse-lowest-disabled: #c3c0f9;
--color-on-surface-inverse-low-disabled: #c3c0f9;
--color-on-surface-disabled: #c3c0f9;
--color-on-surface-high-disabled: #c3c0f9;
--color-on-surface-highest-disabled: #c3c0f9;
--color-on-surface-lowest-disabled: #c3c0f9;
--color-on-surface-low-disabled: #c3c0f9;
--color-on-surface-inverse-disabled: #c3c0f9;
--color-on-surface-inverse-high-disabled: #c3c0f9;
--color-on-surface-inverse-highest-disabled: #c3c0f9;
--color-on-surface-inverse-lowest-disabled: #c3c0f9;
--color-on-surface-inverse-low-disabled: #c3c0f9;
--button-width: 2.5rem;
--button-height: 2.5rem;
--default-button-size: 2.5rem;
--default-icon-size: 1.5rem;
--lg-icon-size: 2rem;
--avatar-size: 1.5rem;
--border-radius-lg: 0.5rem;
--island-bg-color: #ffffff;
--text-primary-color: #333333;
--button-bg: #ffffff;
--button-color: #333333;
--button-border: #cccccc;
--button-hover-bg: #f7f7f7;
--button-hover-color: #333333;
--button-hover-border: #cccccc;
--button-active-bg: #f2f2f2;
--button-active-color: #333333;
--button-active-border: #cccccc;
--button-selected-bg: #4c44b4;
--button-selected-color: #ffffff;
--button-selected-border: #4c44b4;
--button-selected-hover-bg: #5653c0;
--button-selected-hover-color: #ffffff;
--button-selected-hover-border: #5653c0;
--ui-font: Arial, sans-serif;
}
// Theme variables
$theme-filter: none !default;
$theme-filter-darker: none !default;