diff options
Diffstat (limited to 'definitions')
| -rw-r--r-- | definitions/script/color.json | 49 | ||||
| -rw-r--r-- | definitions/script/color.ts | 49 | ||||
| -rw-r--r-- | definitions/script/color_expanded.json | 105 | ||||
| -rw-r--r-- | definitions/script/color_expanded.ts | 105 | ||||
| -rw-r--r-- | definitions/style/color.css | 91 | ||||
| -rw-r--r-- | definitions/style/color.scss | 44 | ||||
| -rw-r--r-- | definitions/style/color_expanded.css | 185 | ||||
| -rw-r--r-- | definitions/style/color_expanded.scss | 100 |
8 files changed, 728 insertions, 0 deletions
diff --git a/definitions/script/color.json b/definitions/script/color.json new file mode 100644 index 0000000..3d724b7 --- /dev/null +++ b/definitions/script/color.json @@ -0,0 +1,49 @@ +{ + "blue": { + "base": "oklch(62.39% 0.181 258.33)", + "dark": "oklch(43.48% 0.17 260.2)", + "light": "oklch(89.66% 0.046 260.67)" + }, + "general": { + "yang": "oklch(99.4% 0 0)", + "yin": "oklch(14.38% 0.007 256.88)" + }, + "gray": { + "base": "oklch(84.68% 0.002 197.12)", + "dark": "oklch(63.12% 0.004 219.55)", + "light": "oklch(95.57% 0.003 286.35)" + }, + "green": { + "base": "oklch(79.33% 0.179 145.62)", + "dark": "oklch(58.83% 0.158 145.05)", + "light": "oklch(93.96% 0.05 148.74)" + }, + "pink": { + "base": "oklch(85.43% 0.09 354.1)", + "dark": "oklch(64.11% 0.084 353.91)", + "light": "oklch(95.8% 0.023 354.27)" + }, + "purple": { + "base": "oklch(58.47% 0.181 302.06)", + "dark": "oklch(39.46% 0.164 298.29)", + "light": "oklch(89.1% 0.046 305.24)" + }, + "orange": { + "base": "oklch(78.75% 0.14163582809066333 54.32911089172009)", + "dark": "oklch(58.28% 0.128 52.2)", + "light": "oklch(93.83% 0.037 56.93)" + }, + "red": { + "base": "oklch(62.73% 0.209 12.37)", + "dark": "oklch(45.8% 0.177 17.7)", + "light": "oklch(88.98% 0.052 3.28)" + }, + "yellow": { + "base": "oklch(90.92% 0.125 92.56)", + "dark": "oklch(69.14% 0.109 91.04)", + "light": "oklch(97.05% 0.039 91.2)" + }, + "yin": { + "light": "oklch(91.87% 0.003 264.54)" + } +} diff --git a/definitions/script/color.ts b/definitions/script/color.ts new file mode 100644 index 0000000..940eabc --- /dev/null +++ b/definitions/script/color.ts @@ -0,0 +1,49 @@ +export default { + blue: { + base: "oklch(62.39% 0.181 258.33)", + dark: "oklch(43.48% 0.17 260.2)", + light: "oklch(89.66% 0.046 260.67)" + }, + general: { + yang: "oklch(99.4% 0 0)", + yin: "oklch(14.38% 0.007 256.88)" + }, + gray: { + base: "oklch(84.68% 0.002 197.12)", + dark: "oklch(63.12% 0.004 219.55)", + light: "oklch(95.57% 0.003 286.35)" + }, + green: { + base: "oklch(79.33% 0.179 145.62)", + dark: "oklch(58.83% 0.158 145.05)", + light: "oklch(93.96% 0.05 148.74)" + }, + pink: { + base: "oklch(85.43% 0.09 354.1)", + dark: "oklch(64.11% 0.084 353.91)", + light: "oklch(95.8% 0.023 354.27)" + }, + purple: { + base: "oklch(58.47% 0.181 302.06)", + dark: "oklch(39.46% 0.164 298.29)", + light: "oklch(89.1% 0.046 305.24)" + }, + orange: { + base: "oklch(78.75% 0.14163582809066333 54.32911089172009)", + dark: "oklch(58.28% 0.128 52.2)", + light: "oklch(93.83% 0.037 56.93)" + }, + red: { + base: "oklch(62.73% 0.209 12.37)", + dark: "oklch(45.8% 0.177 17.7)", + light: "oklch(88.98% 0.052 3.28)" + }, + yellow: { + base: "oklch(90.92% 0.125 92.56)", + dark: "oklch(69.14% 0.109 91.04)", + light: "oklch(97.05% 0.039 91.2)" + }, + yin: { + light: "oklch(91.87% 0.003 264.54)" + } +} diff --git a/definitions/script/color_expanded.json b/definitions/script/color_expanded.json new file mode 100644 index 0000000..3cfe980 --- /dev/null +++ b/definitions/script/color_expanded.json @@ -0,0 +1,105 @@ +{ + "blue": { + "1": "oklch(89.66% 0.046 260.67)", + "2": "oklch(80.17% 0.091 258.88)", + "3": "oklch(70.94% 0.136 258.06)", + "4": "oklch(62.39% 0.181 258.33)", + "5": "oklch(54.87% 0.222 260.33)", + "6": "oklch(51.15% 0.204 260.17)", + "7": "oklch(47.36% 0.185 259.89)", + "8": "oklch(43.48% 0.17 260.2)", + "9": "oklch(39.53% 0.15 259.87)" + }, + "general": { + "yang": "oklch(99.4% 0 0)", + "yin": "oklch(14.38% 0.007 256.88)" + }, + "gray": { + "1": "oklch(95.57% 0.003 286.35)", + "2": "oklch(92.04% 0.002 197.12)", + "3": "oklch(88.28% 0.003 286.34)", + "4": "oklch(84.68% 0.002 197.12)", + "5": "oklch(80.73% 0.002 247.84)", + "6": "oklch(75.03% 0.002 247.85)", + "7": "oklch(69.01% 0.003 286.32)", + "8": "oklch(63.12% 0.004 219.55)", + "9": "oklch(56.82% 0.004 247.89)" + }, + "green": { + "1": "oklch(93.96% 0.05 148.74)", + "2": "oklch(88.77% 0.096 147.71)", + "3": "oklch(83.74% 0.139 146.57)", + "4": "oklch(79.33% 0.179 145.62)", + "5": "oklch(75.23% 0.209 144.64)", + "6": "oklch(70.03% 0.194 144.71)", + "7": "oklch(64.24% 0.175 144.92)", + "8": "oklch(58.83% 0.158 145.05)", + "9": "oklch(52.77% 0.138 145.41)" + }, + "pink": { + "1": "oklch(95.8% 0.023 354.27)", + "2": "oklch(92.14% 0.046 352.31)", + "3": "oklch(88.9% 0.066 354.39)", + "4": "oklch(85.43% 0.09 354.1)", + "5": "oklch(82.23% 0.112 355.33)", + "6": "oklch(76.37% 0.101 355.37)", + "7": "oklch(70.23% 0.092 354.96)", + "8": "oklch(64.11% 0.084 353.91)", + "9": "oklch(57.68% 0.074 353.14)" + }, + "purple": { + "1": "oklch(89.1% 0.046 305.24)", + "2": "oklch(78.68% 0.091 305)", + "3": "oklch(68.5% 0.136 303.78)", + "4": "oklch(58.47% 0.181 302.06)", + "5": "oklch(49.39% 0.215 298.31)", + "6": "oklch(46.11% 0.198 298.4)", + "7": "oklch(42.77% 0.181 298.49)", + "8": "oklch(39.46% 0.164 298.29)", + "9": "oklch(36.01% 0.145 298.35)" + }, + "orange": { + "1": "oklch(93.83% 0.037 56.93)", + "2": "oklch(88.37% 0.07258208750520016 55.80328658240742)", + "3": "oklch(83.56% 0.10753627570574478 56.492594564236946)", + "4": "oklch(78.75% 0.14163582809066333 54.32911089172009)", + "5": "oklch(74.61% 0.171 51.56)", + "6": "oklch(69.33% 0.157 52.18)", + "7": "oklch(63.8% 0.142 52.1)", + "8": "oklch(58.28% 0.128 52.2)", + "9": "oklch(52.49% 0.113 51.98)" + }, + "red": { + "1": "oklch(88.98% 0.052 3.28)", + "2": "oklch(78.78% 0.109 4.54)", + "3": "oklch(69.86% 0.162 7.82)", + "4": "oklch(62.73% 0.209 12.37)", + "5": "oklch(58.63% 0.231 19.6)", + "6": "oklch(54.41% 0.214 19.06)", + "7": "oklch(49.95% 0.195 18.34)", + "8": "oklch(45.8% 0.177 17.7)", + "9": "oklch(41.17% 0.157 16.58)" + }, + "yellow": { + "1": "oklch(97.05% 0.039 91.2)", + "2": "oklch(95% 0.07 92.39)", + "3": "oklch(92.76% 0.098 92.58)", + "4": "oklch(90.92% 0.125 92.56)", + "5": "oklch(89% 0.146 91.5)", + "6": "oklch(82.39% 0.133 91.5)", + "7": "oklch(75.84% 0.122 92.21)", + "8": "oklch(69.14% 0.109 91.04)", + "9": "oklch(62.29% 0.097 91.9)" + }, + "yin": { + "1": "oklch(91.87% 0.003 264.54)", + "2": "oklch(84.61% 0.004 286.31)", + "3": "oklch(76.89% 0.004 247.87)", + "4": "oklch(69.17% 0.004 247.88)", + "5": "oklch(61.01% 0.005 271.34)", + "6": "oklch(52.79% 0.005 271.32)", + "7": "oklch(43.87% 0.005 271.3)", + "8": "oklch(35.02% 0.005 236.66)", + "9": "oklch(25.11% 0.006 258.36)" + } +} diff --git a/definitions/script/color_expanded.ts b/definitions/script/color_expanded.ts new file mode 100644 index 0000000..4e8a61d --- /dev/null +++ b/definitions/script/color_expanded.ts @@ -0,0 +1,105 @@ +export default { + blue: { + 1: "oklch(89.66% 0.046 260.67)", + 2: "oklch(80.17% 0.091 258.88)", + 3: "oklch(70.94% 0.136 258.06)", + 4: "oklch(62.39% 0.181 258.33)", + 5: "oklch(54.87% 0.222 260.33)", + 6: "oklch(51.15% 0.204 260.17)", + 7: "oklch(47.36% 0.185 259.89)", + 8: "oklch(43.48% 0.17 260.2)", + 9: "oklch(39.53% 0.15 259.87)" + }, + general: { + yang: "oklch(99.4% 0 0)", + yin: "oklch(14.38% 0.007 256.88)" + }, + gray: { + 1: "oklch(95.57% 0.003 286.35)", + 2: "oklch(92.04% 0.002 197.12)", + 3: "oklch(88.28% 0.003 286.34)", + 4: "oklch(84.68% 0.002 197.12)", + 5: "oklch(80.73% 0.002 247.84)", + 6: "oklch(75.03% 0.002 247.85)", + 7: "oklch(69.01% 0.003 286.32)", + 8: "oklch(63.12% 0.004 219.55)", + 9: "oklch(56.82% 0.004 247.89)" + }, + green: { + 1: "oklch(93.96% 0.05 148.74)", + 2: "oklch(88.77% 0.096 147.71)", + 3: "oklch(83.74% 0.139 146.57)", + 4: "oklch(79.33% 0.179 145.62)", + 5: "oklch(75.23% 0.209 144.64)", + 6: "oklch(70.03% 0.194 144.71)", + 7: "oklch(64.24% 0.175 144.92)", + 8: "oklch(58.83% 0.158 145.05)", + 9: "oklch(52.77% 0.138 145.41)" + }, + pink: { + 1: "oklch(95.8% 0.023 354.27)", + 2: "oklch(92.14% 0.046 352.31)", + 3: "oklch(88.9% 0.066 354.39)", + 4: "oklch(85.43% 0.09 354.1)", + 5: "oklch(82.23% 0.112 355.33)", + 6: "oklch(76.37% 0.101 355.37)", + 7: "oklch(70.23% 0.092 354.96)", + 8: "oklch(64.11% 0.084 353.91)", + 9: "oklch(57.68% 0.074 353.14)" + }, + purple: { + 1: "oklch(89.1% 0.046 305.24)", + 2: "oklch(78.68% 0.091 305)", + 3: "oklch(68.5% 0.136 303.78)", + 4: "oklch(58.47% 0.181 302.06)", + 5: "oklch(49.39% 0.215 298.31)", + 6: "oklch(46.11% 0.198 298.4)", + 7: "oklch(42.77% 0.181 298.49)", + 8: "oklch(39.46% 0.164 298.29)", + 9: "oklch(36.01% 0.145 298.35)" + }, + orange: { + 1: "oklch(93.83% 0.037 56.93)", + 2: "oklch(88.37% 0.07258208750520016 55.80328658240742)", + 3: "oklch(83.56% 0.10753627570574478 56.492594564236946)", + 4: "oklch(78.75% 0.14163582809066333 54.32911089172009)", + 5: "oklch(74.61% 0.171 51.56)", + 6: "oklch(69.33% 0.157 52.18)", + 7: "oklch(63.8% 0.142 52.1)", + 8: "oklch(58.28% 0.128 52.2)", + 9: "oklch(52.49% 0.113 51.98)" + }, + red: { + 1: "oklch(88.98% 0.052 3.28)", + 2: "oklch(78.78% 0.109 4.54)", + 3: "oklch(69.86% 0.162 7.82)", + 4: "oklch(62.73% 0.209 12.37)", + 5: "oklch(58.63% 0.231 19.6)", + 6: "oklch(54.41% 0.214 19.06)", + 7: "oklch(49.95% 0.195 18.34)", + 8: "oklch(45.8% 0.177 17.7)", + 9: "oklch(41.17% 0.157 16.58)" + }, + yellow: { + 1: "oklch(97.05% 0.039 91.2)", + 2: "oklch(95% 0.07 92.39)", + 3: "oklch(92.76% 0.098 92.58)", + 4: "oklch(90.92% 0.125 92.56)", + 5: "oklch(89% 0.146 91.5)", + 6: "oklch(82.39% 0.133 91.5)", + 7: "oklch(75.84% 0.122 92.21)", + 8: "oklch(69.14% 0.109 91.04)", + 9: "oklch(62.29% 0.097 91.9)" + }, + yin: { + 1: "oklch(91.87% 0.003 264.54)", + 2: "oklch(84.61% 0.004 286.31)", + 3: "oklch(76.89% 0.004 247.87)", + 4: "oklch(69.17% 0.004 247.88)", + 5: "oklch(61.01% 0.005 271.34)", + 6: "oklch(52.79% 0.005 271.32)", + 7: "oklch(43.87% 0.005 271.3)", + 8: "oklch(35.02% 0.005 236.66)", + 9: "oklch(25.11% 0.006 258.36)" + } +} diff --git a/definitions/style/color.css b/definitions/style/color.css new file mode 100644 index 0000000..ae06232 --- /dev/null +++ b/definitions/style/color.css @@ -0,0 +1,91 @@ +:root { + /*** gray ***/ + --uchu-light-gray-raw: 95.57% 0.003 286.35; + --uchu-light-gray: oklch(var(--uchu-light-gray-raw)); + + --uchu-gray-raw: 84.68% 0.002 197.12; + --uchu-gray: oklch(var(--uchu-gray-raw)); + + --uchu-dark-gray-raw: 63.12% 0.004 219.55; + --uchu-dark-gray: oklch(var(--uchu-dark-gray-raw)); + + /*** red ***/ + --uchu-light-red-raw: 88.98% 0.052 3.28; + --uchu-light-red: oklch(var(--uchu-light-red-raw)); + + --uchu-red-raw: 62.73% 0.209 12.37; + --uchu-red: oklch(var(--uchu-red-raw)); + + --uchu-dark-red-raw: 45.8% 0.177 17.7; + --uchu-dark-red: oklch(var(--uchu-dark-red-raw)); + + /*** pink ***/ + --uchu-light-pink-raw: 95.8% 0.023 354.27; + --uchu-light-pink: oklch(var(--uchu-light-pink-raw)); + + --uchu-pink-raw: 85.43% 0.09 354.1; + --uchu-pink: oklch(var(--uchu-pink-raw)); + + --uchu-dark-pink-raw: 64.11% 0.084 353.91; + --uchu-dark-pink: oklch(var(--uchu-dark-pink-raw)); + + /*** purple ***/ + --uchu-light-purple-raw: 89.1% 0.046 305.24; + --uchu-light-purple: oklch(var(--uchu-light-purple-raw)); + + --uchu-purple-raw: 58.47% 0.181 302.06; + --uchu-purple: oklch(var(--uchu-purple-raw)); + + --uchu-dark-purple-raw: 39.46% 0.164 298.29; + --uchu-dark-purple: oklch(var(--uchu-dark-purple-raw)); + + /*** blue ***/ + --uchu-light-blue-raw: 89.66% 0.046 260.67; + --uchu-light-blue: oklch(var(--uchu-light-blue-raw)); + + --uchu-blue-raw: 62.39% 0.181 258.33; + --uchu-blue: oklch(var(--uchu-blue-raw)); + + --uchu-dark-blue-raw: 43.48% 0.17 260.2; + --uchu-dark-blue: oklch(var(--uchu-dark-blue-raw)); + + /*** green ***/ + --uchu-light-green-raw: 93.96% 0.05 148.74; + --uchu-light-green: oklch(var(--uchu-light-green-raw)); + + --uchu-green-raw: 79.33% 0.179 145.62; + --uchu-green: oklch(var(--uchu-green-raw)); + + --uchu-dark-green-raw: 58.83% 0.158 145.05; + --uchu-dark-green: oklch(var(--uchu-dark-green-raw)); + + /*** yellow ***/ + --uchu-light-yellow-raw: 97.05% 0.039 91.2; + --uchu-light-yellow: oklch(var(--uchu-light-yellow-raw)); + + --uchu-yellow-raw: 90.92% 0.125 92.56; + --uchu-yellow: oklch(var(--uchu-yellow-raw)); + + --uchu-dark-yellow-raw: 69.14% 0.109 91.04; + --uchu-dark-yellow: oklch(var(--uchu-dark-yellow-raw)); + + /*** orange ***/ + --uchu-light-orange-raw: 93.83% 0.037 56.93; + --uchu-light-orange: oklch(var(--uchu-light-orange-raw)); + + --uchu-orange-raw: 78.75% 0.14163582809066333 54.32911089172009; + --uchu-orange: oklch(var(--uchu-orange-raw)); + + --uchu-dark-orange-raw: 58.28% 0.128 52.2; + --uchu-dark-orange: oklch(var(--uchu-dark-orange-raw)); + + /*** general ***/ + --uchu-yang-raw: 99.4% 0 0; + --uchu-yang: oklch(var(--uchu-yang-raw)); + + --uchu-light-yin-raw: 91.87% 0.003 264.54; + --uchu-light-yin: oklch(var(--uchu-light-yin-raw)); + + --uchu-yin-raw: 14.38% 0.007 256.88; + --uchu-yin: oklch(var(--uchu-yin-raw)); +} diff --git a/definitions/style/color.scss b/definitions/style/color.scss new file mode 100644 index 0000000..b7e4fd7 --- /dev/null +++ b/definitions/style/color.scss @@ -0,0 +1,44 @@ +/*** gray ***/ +$uchu-light-gray: oklch(95.57% 0.003 286.35); +$uchu-gray: oklch(84.68% 0.002 197.12); +$uchu-dark-gray: oklch(63.12% 0.004 219.55); + +/*** red ***/ +$uchu-light-red: oklch(88.98% 0.052 3.28); +$uchu-red: oklch(62.73% 0.209 12.37); +$uchu-dark-red: oklch(45.8% 0.177 17.7); + +/*** pink ***/ +$uchu-light-pink: oklch(95.8% 0.023 354.27); +$uchu-pink: oklch(85.43% 0.09 354.1); +$uchu-dark-pink: oklch(64.11% 0.084 353.91); + +/*** purple ***/ +$uchu-light-purple: oklch(89.1% 0.046 305.24); +$uchu-purple: oklch(58.47% 0.181 302.06); +$uchu-dark-purple: oklch(39.46% 0.164 298.29); + +/*** blue ***/ +$uchu-light-blue: oklch(89.66% 0.046 260.67); +$uchu-blue: oklch(62.39% 0.181 258.33); +$uchu-dark-blue: oklch(43.48% 0.17 260.2); + +/*** green ***/ +$uchu-light-green: oklch(93.96% 0.05 148.74); +$uchu-green: oklch(79.33% 0.179 145.62); +$uchu-dark-green: oklch(58.83% 0.158 145.05); + +/*** yellow ***/ +$uchu-light-yellow: oklch(97.05% 0.039 91.2); +$uchu-yellow: oklch(90.92% 0.125 92.56); +$uchu-dark-yellow: oklch(69.14% 0.109 91.04); + +/*** orange ***/ +$uchu-light-orange: oklch(93.83% 0.037 56.93); +$uchu-orange: oklch(78.75% 0.14163582809066333 54.32911089172009); +$uchu-dark-orange: oklch(58.28% 0.128 52.2); + +/*** general ***/ +$uchu-yang: oklch(99.4% 0 0); +$uchu-light-yin: oklch(91.87% 0.003 264.54); +$uchu-yin: oklch(14.38% 0.007 256.88); diff --git a/definitions/style/color_expanded.css b/definitions/style/color_expanded.css new file mode 100644 index 0000000..f0e9a21 --- /dev/null +++ b/definitions/style/color_expanded.css @@ -0,0 +1,185 @@ +:root { + /*** gray ***/ + --uchu-gray-1-raw: 95.57% 0.003 286.35; + --uchu-gray-1: oklch(var(--uchu-gray-1-raw)); + --uchu-gray-2-raw: 92.04% 0.002 197.12; + --uchu-gray-2: oklch(var(--uchu-gray-2-raw)); + --uchu-gray-3-raw: 88.28% 0.003 286.34; + --uchu-gray-3: oklch(var(--uchu-gray-3-raw)); + --uchu-gray-4-raw: 84.68% 0.002 197.12; + --uchu-gray-4: oklch(var(--uchu-gray-4-raw)); + --uchu-gray-5-raw: 80.73% 0.002 247.84; + --uchu-gray-5: oklch(var(--uchu-gray-5-raw)); + --uchu-gray-6-raw: 75.03% 0.002 247.85; + --uchu-gray-6: oklch(var(--uchu-gray-6-raw)); + --uchu-gray-7-raw: 69.01% 0.003 286.32; + --uchu-gray-7: oklch(var(--uchu-gray-7-raw)); + --uchu-gray-8-raw: 63.12% 0.004 219.55; + --uchu-gray-8: oklch(var(--uchu-gray-8-raw)); + --uchu-gray-9-raw: 56.82% 0.004 247.89; + --uchu-gray-9: oklch(var(--uchu-gray-9-raw)); + + /*** red ***/ + --uchu-red-1-raw: 88.98% 0.052 3.28; + --uchu-red-1: oklch(var(--uchu-red-1-raw)); + --uchu-red-2-raw: 78.78% 0.109 4.54; + --uchu-red-2: oklch(var(--uchu-red-2-raw)); + --uchu-red-3-raw: 69.86% 0.162 7.82; + --uchu-red-3: oklch(var(--uchu-red-3-raw)); + --uchu-red-4-raw: 62.73% 0.209 12.37; + --uchu-red-4: oklch(var(--uchu-red-4-raw)); + --uchu-red-5-raw: 58.63% 0.231 19.6; + --uchu-red-5: oklch(var(--uchu-red-5-raw)); + --uchu-red-6-raw: 54.41% 0.214 19.06; + --uchu-red-6: oklch(var(--uchu-red-6-raw)); + --uchu-red-7-raw: 49.95% 0.195 18.34; + --uchu-red-7: oklch(var(--uchu-red-7-raw)); + --uchu-red-8-raw: 45.8% 0.177 17.7; + --uchu-red-8: oklch(var(--uchu-red-8-raw)); + --uchu-red-9-raw: 41.17% 0.157 16.58; + --uchu-red-9: oklch(var(--uchu-red-9-raw)); + + /*** pink ***/ + --uchu-pink-1-raw: 95.8% 0.023 354.27; + --uchu-pink-1: oklch(var(--uchu-pink-1-raw)); + --uchu-pink-2-raw: 92.14% 0.046 352.31; + --uchu-pink-2: oklch(var(--uchu-pink-2-raw)); + --uchu-pink-3-raw: 88.9% 0.066 354.39; + --uchu-pink-3: oklch(var(--uchu-pink-3-raw)); + --uchu-pink-4-raw: 85.43% 0.09 354.1; + --uchu-pink-4: oklch(var(--uchu-pink-4-raw)); + --uchu-pink-5-raw: 82.23% 0.112 355.33; + --uchu-pink-5: oklch(var(--uchu-pink-5-raw)); + --uchu-pink-6-raw: 76.37% 0.101 355.37; + --uchu-pink-6: oklch(var(--uchu-pink-6-raw)); + --uchu-pink-7-raw: 70.23% 0.092 354.96; + --uchu-pink-7: oklch(var(--uchu-pink-7-raw)); + --uchu-pink-8-raw: 64.11% 0.084 353.91; + --uchu-pink-8: oklch(var(--uchu-pink-8-raw)); + --uchu-pink-9-raw: 57.68% 0.074 353.14; + --uchu-pink-9: oklch(var(--uchu-pink-9-raw)); + + /*** purple ***/ + --uchu-purple-1-raw: 89.1% 0.046 305.24; + --uchu-purple-1: oklch(var(--uchu-purple-1-raw)); + --uchu-purple-2-raw: 78.68% 0.091 305; + --uchu-purple-2: oklch(var(--uchu-purple-2-raw)); + --uchu-purple-3-raw: 68.5% 0.136 303.78; + --uchu-purple-3: oklch(var(--uchu-purple-3-raw)); + --uchu-purple-4-raw: 58.47% 0.181 302.06; + --uchu-purple-4: oklch(var(--uchu-purple-4-raw)); + --uchu-purple-5-raw: 49.39% 0.215 298.31; + --uchu-purple-5: oklch(var(--uchu-purple-5-raw)); + --uchu-purple-6-raw: 46.11% 0.198 298.4; + --uchu-purple-6: oklch(var(--uchu-purple-6-raw)); + --uchu-purple-7-raw: 42.77% 0.181 298.49; + --uchu-purple-7: oklch(var(--uchu-purple-7-raw)); + --uchu-purple-8-raw: 39.46% 0.164 298.29; + --uchu-purple-8: oklch(var(--uchu-purple-8-raw)); + --uchu-purple-9-raw: 36.01% 0.145 298.35; + --uchu-purple-9: oklch(var(--uchu-purple-9-raw)); + + /*** blue ***/ + --uchu-blue-1-raw: 89.66% 0.046 260.67; + --uchu-blue-1: oklch(var(--uchu-blue-1-raw)); + --uchu-blue-2-raw: 80.17% 0.091 258.88; + --uchu-blue-2: oklch(var(--uchu-blue-2-raw)); + --uchu-blue-3-raw: 70.94% 0.136 258.06; + --uchu-blue-3: oklch(var(--uchu-blue-3-raw)); + --uchu-blue-4-raw: 62.39% 0.181 258.33; + --uchu-blue-4: oklch(var(--uchu-blue-4-raw)); + --uchu-blue-5-raw: 54.87% 0.222 260.33; + --uchu-blue-5: oklch(var(--uchu-blue-5-raw)); + --uchu-blue-6-raw: 51.15% 0.204 260.17; + --uchu-blue-6: oklch(var(--uchu-blue-6-raw)); + --uchu-blue-7-raw: 47.36% 0.185 259.89; + --uchu-blue-7: oklch(var(--uchu-blue-7-raw)); + --uchu-blue-8-raw: 43.48% 0.17 260.2; + --uchu-blue-8: oklch(var(--uchu-blue-8-raw)); + --uchu-blue-9-raw: 39.53% 0.15 259.87; + --uchu-blue-9: oklch(var(--uchu-blue-9-raw)); + + /*** green ***/ + --uchu-green-1-raw: 93.96% 0.05 148.74; + --uchu-green-1: oklch(var(--uchu-green-1-raw)); + --uchu-green-2-raw: 88.77% 0.096 147.71; + --uchu-green-2: oklch(var(--uchu-green-2-raw)); + --uchu-green-3-raw: 83.74% 0.139 146.57; + --uchu-green-3: oklch(var(--uchu-green-3-raw)); + --uchu-green-4-raw: 79.33% 0.179 145.62; + --uchu-green-4: oklch(var(--uchu-green-4-raw)); + --uchu-green-5-raw: 75.23% 0.209 144.64; + --uchu-green-5: oklch(var(--uchu-green-5-raw)); + --uchu-green-6-raw: 70.03% 0.194 144.71; + --uchu-green-6: oklch(var(--uchu-green-6-raw)); + --uchu-green-7-raw: 64.24% 0.175 144.92; + --uchu-green-7: oklch(var(--uchu-green-7-raw)); + --uchu-green-8-raw: 58.83% 0.158 145.05; + --uchu-green-8: oklch(var(--uchu-green-8-raw)); + --uchu-green-9-raw: 52.77% 0.138 145.41; + --uchu-green-9: oklch(var(--uchu-green-9-raw)); + + /*** yellow ***/ + --uchu-yellow-1-raw: 97.05% 0.039 91.2; + --uchu-yellow-1: oklch(var(--uchu-yellow-1-raw)); + --uchu-yellow-2-raw: 95% 0.07 92.39; + --uchu-yellow-2: oklch(var(--uchu-yellow-2-raw)); + --uchu-yellow-3-raw: 92.76% 0.098 92.58; + --uchu-yellow-3: oklch(var(--uchu-yellow-3-raw)); + --uchu-yellow-4-raw: 90.92% 0.125 92.56; + --uchu-yellow-4: oklch(var(--uchu-yellow-4-raw)); + --uchu-yellow-5-raw: 89% 0.146 91.5; + --uchu-yellow-5: oklch(var(--uchu-yellow-5-raw)); + --uchu-yellow-6-raw: 82.39% 0.133 91.5; + --uchu-yellow-6: oklch(var(--uchu-yellow-6-raw)); + --uchu-yellow-7-raw: 75.84% 0.122 92.21; + --uchu-yellow-7: oklch(var(--uchu-yellow-7-raw)); + --uchu-yellow-8-raw: 69.14% 0.109 91.04; + --uchu-yellow-8: oklch(var(--uchu-yellow-8-raw)); + --uchu-yellow-9-raw: 62.29% 0.097 91.9; + --uchu-yellow-9: oklch(var(--uchu-yellow-9-raw)); + + /*** orange ***/ + --uchu-orange-1-raw: 93.83% 0.037 56.93; + --uchu-orange-1: oklch(var(--uchu-orange-1-raw)); + --uchu-orange-2-raw: 88.37% 0.07258208750520016 55.80328658240742; + --uchu-orange-2: oklch(var(--uchu-orange-2-raw)); + --uchu-orange-3-raw: 83.56% 0.10753627570574478 56.492594564236946; + --uchu-orange-3: oklch(var(--uchu-orange-3-raw)); + --uchu-orange-4-raw: 78.75% 0.14163582809066333 54.32911089172009; + --uchu-orange-4: oklch(var(--uchu-orange-4-raw)); + --uchu-orange-5-raw: 74.61% 0.171 51.56; + --uchu-orange-5: oklch(var(--uchu-orange-5-raw)); + --uchu-orange-6-raw: 69.33% 0.157 52.18; + --uchu-orange-6: oklch(var(--uchu-orange-6-raw)); + --uchu-orange-7-raw: 63.8% 0.142 52.1; + --uchu-orange-7: oklch(var(--uchu-orange-7-raw)); + --uchu-orange-8-raw: 58.28% 0.128 52.2; + --uchu-orange-8: oklch(var(--uchu-orange-8-raw)); + --uchu-orange-9-raw: 52.49% 0.113 51.98; + --uchu-orange-9: oklch(var(--uchu-orange-9-raw)); + + /*** general ***/ + --uchu-yin-1-raw: 91.87% 0.003 264.54; + --uchu-yin-1: oklch(var(--uchu-yin-1-raw)); + --uchu-yin-2-raw: 84.61% 0.004 286.31; + --uchu-yin-2: oklch(var(--uchu-yin-2-raw)); + --uchu-yin-3-raw: 76.89% 0.004 247.87; + --uchu-yin-3: oklch(var(--uchu-yin-3-raw)); + --uchu-yin-4-raw: 69.17% 0.004 247.88; + --uchu-yin-4: oklch(var(--uchu-yin-4-raw)); + --uchu-yin-5-raw: 61.01% 0.005 271.34; + --uchu-yin-5: oklch(var(--uchu-yin-5-raw)); + --uchu-yin-6-raw: 52.79% 0.005 271.32; + --uchu-yin-6: oklch(var(--uchu-yin-6-raw)); + --uchu-yin-7-raw: 43.87% 0.005 271.3; + --uchu-yin-7: oklch(var(--uchu-yin-7-raw)); + --uchu-yin-8-raw: 35.02% 0.005 236.66; + --uchu-yin-8: oklch(var(--uchu-yin-8-raw)); + --uchu-yin-9-raw: 25.11% 0.006 258.36; + --uchu-yin-9: oklch(var(--uchu-yin-9-raw)); + --uchu-yin-raw: 14.38% 0.007 256.88; + --uchu-yin: oklch(var(--uchu-yin-raw)); + --uchu-yang-raw: 99.4% 0 0; + --uchu-yang: oklch(var(--uchu-yang-raw)); +} diff --git a/definitions/style/color_expanded.scss b/definitions/style/color_expanded.scss new file mode 100644 index 0000000..877e505 --- /dev/null +++ b/definitions/style/color_expanded.scss @@ -0,0 +1,100 @@ +/*** gray ***/ +$uchu-gray-1: oklch(95.57% 0.003 286.35); +$uchu-gray-2: oklch(92.04% 0.002 197.12); +$uchu-gray-3: oklch(88.28% 0.003 286.34); +$uchu-gray-4: oklch(84.68% 0.002 197.12); +$uchu-gray-5: oklch(80.73% 0.002 247.84); +$uchu-gray-6: oklch(75.03% 0.002 247.85); +$uchu-gray-7: oklch(69.01% 0.003 286.32); +$uchu-gray-8: oklch(63.12% 0.004 219.55); +$uchu-gray-9: oklch(56.82% 0.004 247.89); + +/*** red ***/ +$uchu-red-1: oklch(88.98% 0.052 3.28); +$uchu-red-2: oklch(78.78% 0.109 4.54); +$uchu-red-3: oklch(69.86% 0.162 7.82); +$uchu-red-4: oklch(62.73% 0.209 12.37); +$uchu-red-5: oklch(58.63% 0.231 19.6); +$uchu-red-6: oklch(54.41% 0.214 19.06); +$uchu-red-7: oklch(49.95% 0.195 18.34); +$uchu-red-8: oklch(45.8% 0.177 17.7); +$uchu-red-9: oklch(41.17% 0.157 16.58); + +/*** pink ***/ +$uchu-pink-1: oklch(95.8% 0.023 354.27); +$uchu-pink-2: oklch(92.14% 0.046 352.31); +$uchu-pink-3: oklch(88.9% 0.066 354.39); +$uchu-pink-4: oklch(85.43% 0.09 354.1); +$uchu-pink-5: oklch(82.23% 0.112 355.33); +$uchu-pink-6: oklch(76.37% 0.101 355.37); +$uchu-pink-7: oklch(70.23% 0.092 354.96); +$uchu-pink-8: oklch(64.11% 0.084 353.91); +$uchu-pink-9: oklch(57.68% 0.074 353.14); + +/*** purple ***/ +$uchu-purple-1: oklch(89.1% 0.046 305.24); +$uchu-purple-2: oklch(78.68% 0.091 305); +$uchu-purple-3: oklch(68.5% 0.136 303.78); +$uchu-purple-4: oklch(58.47% 0.181 302.06); +$uchu-purple-5: oklch(49.39% 0.215 298.31); +$uchu-purple-6: oklch(46.11% 0.198 298.4); +$uchu-purple-7: oklch(42.77% 0.181 298.49); +$uchu-purple-8: oklch(39.46% 0.164 298.29); +$uchu-purple-9: oklch(36.01% 0.145 298.35); + +/*** blue ***/ +$uchu-blue-1: oklch(89.66% 0.046 260.67); +$uchu-blue-2: oklch(80.17% 0.091 258.88); +$uchu-blue-3: oklch(70.94% 0.136 258.06); +$uchu-blue-4: oklch(62.39% 0.181 258.33); +$uchu-blue-5: oklch(54.87% 0.222 260.33); +$uchu-blue-6: oklch(51.15% 0.204 260.17); +$uchu-blue-7: oklch(47.36% 0.185 259.89); +$uchu-blue-8: oklch(43.48% 0.17 260.2); +$uchu-blue-9: oklch(39.53% 0.15 259.87); + +/*** green ***/ +$uchu-green-1: oklch(93.96% 0.05 148.74); +$uchu-green-2: oklch(88.77% 0.096 147.71); +$uchu-green-3: oklch(83.74% 0.139 146.57); +$uchu-green-4: oklch(79.33% 0.179 145.62); +$uchu-green-5: oklch(75.23% 0.209 144.64); +$uchu-green-6: oklch(70.03% 0.194 144.71); +$uchu-green-7: oklch(64.24% 0.175 144.92); +$uchu-green-8: oklch(58.83% 0.158 145.05); +$uchu-green-9: oklch(52.77% 0.138 145.41); + +/*** yellow ***/ +$uchu-yellow-1: oklch(97.05% 0.039 91.2); +$uchu-yellow-2: oklch(95% 0.07 92.39); +$uchu-yellow-3: oklch(92.76% 0.098 92.58); +$uchu-yellow-4: oklch(90.92% 0.125 92.56); +$uchu-yellow-5: oklch(89% 0.146 91.5); +$uchu-yellow-6: oklch(82.39% 0.133 91.5); +$uchu-yellow-7: oklch(75.84% 0.122 92.21); +$uchu-yellow-8: oklch(69.14% 0.109 91.04); +$uchu-yellow-9: oklch(62.29% 0.097 91.9); + +/*** orange ***/ +$uchu-orange-1: oklch(93.83% 0.037 56.93); +$uchu-orange-2: oklch(88.37% 0.07258208750520016 55.80328658240742); +$uchu-orange-3: oklch(83.56% 0.10753627570574478 56.492594564236946); +$uchu-orange-4: oklch(78.75% 0.14163582809066333 54.32911089172009); +$uchu-orange-5: oklch(74.61% 0.171 51.56); +$uchu-orange-6: oklch(69.33% 0.157 52.18); +$uchu-orange-7: oklch(63.8% 0.142 52.1); +$uchu-orange-8: oklch(58.28% 0.128 52.2); +$uchu-orange-9: oklch(52.49% 0.113 51.98); + +/*** general ***/ +$uchu-yin-1: oklch(91.87% 0.003 264.54); +$uchu-yin-2: oklch(84.61% 0.004 286.31); +$uchu-yin-3: oklch(76.89% 0.004 247.87); +$uchu-yin-4: oklch(69.17% 0.004 247.88); +$uchu-yin-5: oklch(61.01% 0.005 271.34); +$uchu-yin-6: oklch(52.79% 0.005 271.32); +$uchu-yin-7: oklch(43.87% 0.005 271.3); +$uchu-yin-8: oklch(35.02% 0.005 236.66); +$uchu-yin-9: oklch(25.11% 0.006 258.36); +$uchu-yin: oklch(14.38% 0.007 256.88); +$uchu-yang: oklch(99.4% 0 0); |
