31 lines
1.4 KiB
CSS
31 lines
1.4 KiB
CSS
.theme-frozen {
|
|
/* From your values */
|
|
--sys-surface: rgb(16, 36, 50); /* --background-color */
|
|
--sys-surface-1: rgb(39, 59, 73); /* card top */
|
|
--sys-surface-2: rgb(29, 49, 63); /* card bottom (optional gradient) */
|
|
--sys-elevation-1: 1px 1px 4px rgba(0,0,0,.5); /* --product-container-box-shadow */
|
|
|
|
--sys-on-surface: rgb(180,200,214); /* --primary-text-color */
|
|
--sys-on-surface-strong: rgb(200,220,234); /* --product-title-text-color */
|
|
|
|
--sys-color-primary: #304562; /* --input-border-color */
|
|
--sys-color-secondary: #3aa3b8; /* chosen accent */
|
|
--sys-color-success: #33c26b; /* pick to taste */
|
|
--sys-color-warning: #f2c94c;
|
|
--sys-color-danger: #ef476f;
|
|
--sys-outline: #304562; /* --input-border-color */
|
|
|
|
--sys-input-bg: rgb(0,20,34); /* --input-background-color */
|
|
--sys-input-text: rgb(180,200,214);
|
|
--sys-input-placeholder: rgb(150,170,186);
|
|
--sys-input-border: #304562;
|
|
--sys-input-focus-ring: color-mix(in oklab, #304562, white 25%);
|
|
--sys-chip-bg: #415664; /* --tag-background-color */
|
|
--sys-chip-text: rgb(210,220,230); /* --tag-text-color */
|
|
--sys-chip-bg-hover: #596f7e; /* --tag-hover-background-color */
|
|
--sys-chip-radius: .8rem; /* --tag-border-radius */
|
|
--sys-chip-padding: .5rem 1rem; /* --tag-padding */
|
|
--sys-chip-gap: .5rem; /* --tag-margin (horizontal portion) */
|
|
|
|
--sys-image-overlay: rgba(0,0,0,.9); /* from --image-overlay-opacity */
|
|
} |