Spaces:
Running
Running
File size: 2,321 Bytes
b18238f |
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 より明るい紫 */
|