Spaces:
Runtime error
Runtime error
File size: 2,321 Bytes
673fc4a a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf 6bcb42f a8982bf |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
/*基本色(#6f00ffを基調)*/
$ui-primary: var(--ui-primary, hsla(266, 100%, 95%, 1)); /* #F0E5FF */
$ui-secondary: var(--ui-secondary, hsla(266, 75%, 95%, 1)); /* #F3E9FC */
$ui-tertiary: var(--ui-tertiary, hsla(266, 50%, 90%, 1)); /* #E7D9F2 */
$ui-modal-overlay: var(--ui-modal-overlay, hsla(266, 100%, 65%, 0.9)); /* #B366FF with 90% opacity */
$ui-white: hsla(0, 100%, 100%, 1); /* #FFFFFF */
$ui-white-dim: hsla(0, 100%, 100%, 0.75); /* 75% */
$ui-white-transparent: hsla(0, 100%, 100%, 0.25); /* 25% */
$ui-transparent: hsla(0, 100%, 100%, 0); /* 0% */
$ui-black-transparent-default: hsla(0, 0%, 0%, 0.15); /* 15% black */
$ui-black-transparent: var(--ui-black-transparent, $ui-black-transparent-default);
$text-primary: var(--text-primary, hsla(266, 30%, 40%, 1)); /* 渋めの紫文字色 */
$text-primary-transparent: hsla(266, 30%, 40%, 0.75);
$motion-primary: hsla(266, 100%, 50%, 1); /* #6f00ff */
$motion-tertiary: hsla(266, 100%, 39%, 1); /* #5c00cc */
$motion-transparent: hsla(266, 100%, 50%, 0.35); /* #6f00ff 35% */
$motion-light-transparent: hsla(266, 100%, 39%, 0.15); /* #5c00cc 15% */
/* opt-in theme overrides */
$motion-primary-dark: #5500cc; /* ダークモードのトップバー色 */
$ui-primary-light: hsla(266, 100%, 95%, 1);
$ui-secondary-light: hsla(266, 75%, 95%, 1);
$ui-tertiary-light: hsla(266, 50%, 90%, 1);
$text-primary-light: hsla(266, 30%, 40%, 1);
$red-primary: hsla(266, 100%, 50%, 1); /* #6f00ff */
$red-tertiary: hsla(266, 100%, 39%, 1); /* #5c00cc */
$sound-primary: hsla(266, 70%, 60%, 1); /* #9966ff */
$sound-tertiary: hsla(266, 60%, 50%, 1); /* #8040ff */
$control-primary: hsla(266, 100%, 60%, 1); /* #9966ff 代替コントロール色 */
$data-primary: hsla(266, 100%, 55%, 1); /* #8a33ff */
$pen-primary: hsla(266, 85%, 40%, 1); /* #5900b8 */
$pen-transparent: hsla(266, 85%, 40%, 0.25); /* #5900b8 25% */
$error-primary: hsla(266, 100%, 55%, 1); /* #8a33ff */
$error-light: hsla(266, 100%, 70%, 1); /* #b380ff */
$error-transparent: hsla(266, 100%, 55%, 0.25); /* #8a33ff 25% */
$extensions-primary: hsla(266, 100%, 50%, 1);
$extensions-tertiary: hsla(266, 100%, 39%, 1);
$extensions-transparent: hsla(266, 100%, 50%, 0.35);
$extensions-light: hsla(266, 100%, 39%, 1);
$drop-highlight: hsla(266, 100%, 77%, 1); /* #d1a6ff より明るい紫 */
|