phundrak/framit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(CSS): change colors to Nord theme

Browse Source
This commit is contained in:
Lucien Cartier-Tilet
2026-02-05 12:50:49 +01:00
parent 65ef6f682f
commit ca854e9d12
1 changed files with 120 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
app/assets/css/colors.css
View File

@@ -1,132 +1,132 @@
:root {
--text-50: oklch(96.68% 0.005 95.1);
--text-100: oklch(93.31% 0.012 96.43);
--text-200: oklch(86.46% 0.023 98.68);
--text-300: oklch(79.55% 0.036 98.17);
--text-400: oklch(72.45% 0.047 99.12);
--text-500: oklch(65.27% 0.06 98.88);
--text-600: oklch(55.54% 0.05 99.33);
--text-700: oklch(45.43% 0.04 98.55);
--text-800: oklch(34.63% 0.028 99.26);
--text-900: oklch(22.99% 0.017 97.01);
--text: oklch(17.69% 0.01 97.92);
--text-950: oklch(16.34% 0.008 95.54);
--text: oklch(38.30% 0.029 266.48);
--text-50: oklch(95.82% 0.004 271.37);
--text-100: oklch(91.83% 0.009 264.52);
--text-200: oklch(83.53% 0.016 266.26);
--text-300: oklch(74.99% 0.026 265.54);
--text-400: oklch(66.05% 0.036 268.49);
--text-500: oklch(57.02% 0.047 267.31);
--text-600: oklch(48.66% 0.039 268.21);
--text-700: oklch(40.13% 0.031 265.23);
--text-800: oklch(30.90% 0.021 265.90);
--text-900: oklch(20.86% 0.013 264.25);
--text-950: oklch(15.46% 0.007 270.96);
--background: oklch(97.33% 0.007 88.64);
--background-50: oklch(96.7% 0.008 91.48);
--background-100: oklch(93.46% 0.017 88);
--background-200: oklch(86.85% 0.034 88.07);
--background-300: oklch(80.17% 0.051 88.07);
--background-400: oklch(73.62% 0.069 89.26);
--background-500: oklch(66.8% 0.085 88.59);
--background-600: oklch(56.88% 0.071 88.9);
--background-700: oklch(46.26% 0.056 87.6);
--background-800: oklch(35.24% 0.04 87.71);
--background-900: oklch(23.27% 0.023 87.9);
--background-950: oklch(16.86% 0.012 91.89);
--background: oklch(95.13% 0.007 260.73);
--background-50: oklch(95.80% 0.007 268.55);
--background-100: oklch(91.74% 0.012 259.82);
--background-200: oklch(83.07% 0.027 262.33);
--background-300: oklch(74.46% 0.041 261.48);
--background-400: oklch(65.63% 0.058 260.56);
--background-500: oklch(56.42% 0.075 261.41);
--background-600: oklch(48.32% 0.062 260.40);
--background-700: oklch(39.64% 0.048 261.18);
--background-800: oklch(30.43% 0.036 261.92);
--background-900: oklch(20.77% 0.018 259.72);
--background-950: oklch(15.29% 0.010 255.44);
--primary-50: oklch(97.22% 0.012 96.42);
--primary-100: oklch(94.41% 0.025 97.12);
--primary-200: oklch(88.75% 0.05 98.42);
--primary-300: oklch(83.15% 0.074 98.36);
--primary-400: oklch(77.55% 0.097 98.29);
--primary: oklch(74.12% 0.109 98.34);
--primary-500: oklch(72% 0.116 97.93);
--primary-600: oklch(61.14% 0.097 98.09);
--primary-700: oklch(49.77% 0.077 98.34);
--primary-800: oklch(37.71% 0.055 98.79);
--primary-900: oklch(24.68% 0.033 97.74);
--primary-950: oklch(17.23% 0.018 97.53);
--primary: oklch(77.15% 0.062 217.48);
--primary-50: oklch(96.50% 0.009 222.06);
--primary-100: oklch(93.16% 0.019 213.42);
--primary-200: oklch(86.07% 0.039 217.46);
--primary-300: oklch(79.25% 0.057 216.55);
--primary-400: oklch(72.48% 0.075 217.32);
--primary-500: oklch(65.88% 0.089 218.00);
--primary-600: oklch(55.99% 0.075 218.52);
--primary-700: oklch(45.64% 0.059 218.22);
--primary-800: oklch(34.67% 0.043 219.39);
--primary-900: oklch(23.06% 0.024 214.47);
--primary-950: oklch(16.48% 0.015 212.62);
--secondary-50: oklch(97.69% 0.019 100.12);
--secondary-100: oklch(95.28% 0.036 96.71);
--secondary-200: oklch(90.57% 0.07 97.74);
--secondary-300: oklch(86.23% 0.103 98.42);
--secondary: oklch(83.86% 0.116 98.04);
--secondary-400: oklch(81.72% 0.129 98.31);
--secondary-500: oklch(77.44% 0.146 97.07);
--secondary-600: oklch(65.69% 0.123 97.5);
--secondary-700: oklch(53.48% 0.099 97.52);
--secondary-800: oklch(40.18% 0.072 97.19);
--secondary-900: oklch(26.04% 0.043 96.76);
--secondary-950: oklch(18.17% 0.026 97.52);
--secondary: oklch(69.65% 0.059 248.69);
--secondary-50: oklch(95.95% 0.008 253.85);
--secondary-100: oklch(92.05% 0.015 244.73);
--secondary-200: oklch(83.76% 0.030 248.19);
--secondary-300: oklch(75.31% 0.048 249.46);
--secondary-400: oklch(66.99% 0.065 248.83);
--secondary-500: oklch(58.35% 0.083 249.96);
--secondary-600: oklch(49.88% 0.069 249.37);
--secondary-700: oklch(40.78% 0.056 250.22);
--secondary-800: oklch(31.42% 0.038 249.12);
--secondary-900: oklch(20.99% 0.022 251.79);
--secondary-950: oklch(15.56% 0.012 241.97);
--accent-50: oklch(97.77% 0.019 96.86);
--accent-100: oklch(95.53% 0.039 97.44);
--accent-200: oklch(91.16% 0.076 97.81);
--accent-300: oklch(86.92% 0.11 97.94);
--accent: oklch(82.74% 0.136 98);
--accent-400: oklch(82.74% 0.136 98);
--accent-500: oklch(78.81% 0.152 96.76);
--accent-600: oklch(66.8% 0.128 96.97);
--accent-700: oklch(54.33% 0.103 96.65);
--accent-800: oklch(40.98% 0.076 96.95);
--accent-900: oklch(26.42% 0.045 97.53);
--accent-950: oklch(18.44% 0.029 102.49);
--accent: oklch(59.38% 0.078 253.40);
--accent-50: oklch(95.93% 0.007 247.90);
--accent-100: oklch(91.85% 0.015 251.16);
--accent-200: oklch(83.39% 0.030 254.70);
--accent-300: oklch(74.95% 0.046 253.67);
--accent-400: oklch(66.37% 0.064 253.29);
--accent-500: oklch(57.47% 0.081 254.47);
--accent-600: oklch(49.19% 0.068 253.56);
--accent-700: oklch(40.31% 0.053 254.02);
--accent-800: oklch(30.91% 0.038 255.00);
--accent-900: oklch(20.99% 0.022 251.79);
--accent-950: oklch(15.35% 0.012 260.39);
}
.dark {
--text-50: oklch(16.34% 0.008 95.54);
--text: oklch(96.05% 0.007 97.35);
--text-100: oklch(22.99% 0.017 97.01);
--text-200: oklch(34.63% 0.028 99.26);
--text-300: oklch(45.43% 0.04 98.55);
--text-400: oklch(55.54% 0.05 99.33);
--text-500: oklch(65.27% 0.06 98.88);
--text-600: oklch(72.45% 0.047 99.12);
--text-700: oklch(79.55% 0.036 98.17);
--text-800: oklch(86.46% 0.023 98.68);
--text-900: oklch(93.31% 0.012 96.43);
--text-950: oklch(96.68% 0.005 95.1);
--text: oklch(76.63% 0.024 266.86);
--text-50: oklch(15.46% 0.007 270.96);
--text-100: oklch(20.86% 0.013 264.25);
--text-200: oklch(30.90% 0.021 265.90);
--text-300: oklch(40.13% 0.031 265.23);
--text-400: oklch(48.66% 0.039 268.21);
--text-500: oklch(57.02% 0.047 267.31);
--text-600: oklch(66.05% 0.036 268.49);
--text-700: oklch(74.99% 0.026 265.54);
--text-800: oklch(83.53% 0.016 266.26);
--text-900: oklch(91.83% 0.009 264.52);
--text-950: oklch(95.82% 0.004 271.37);
--background-50: oklch(16.86% 0.012 91.89);
--background-100: oklch(23.27% 0.023 87.9);
--background-200: oklch(35.24% 0.04 87.71);
--background-300: oklch(46.26% 0.056 87.6);
--background-400: oklch(56.88% 0.071 88.9);
--background-500: oklch(66.8% 0.085 88.59);
--background-600: oklch(73.62% 0.069 89.26);
--background-700: oklch(80.17% 0.051 88.07);
--background-800: oklch(86.85% 0.034 88.07);
--background-900: oklch(93.46% 0.017 88);
--background-950: oklch(96.7% 0.008 91.48);
--background: oklch(15.48% 0.011 89.86);
--background: oklch(16.29% 0.012 260.61);
--background-50: oklch(15.29% 0.010 255.44);
--background-100: oklch(20.77% 0.018 259.72);
--background-200: oklch(30.43% 0.036 261.92);
--background-300: oklch(39.64% 0.048 261.18);
--background-400: oklch(48.32% 0.062 260.40);
--background-500: oklch(56.42% 0.075 261.41);
--background-600: oklch(65.63% 0.058 260.56);
--background-700: oklch(74.46% 0.041 261.48);
--background-800: oklch(83.07% 0.027 262.33);
--background-900: oklch(91.74% 0.012 259.82);
--background-950: oklch(95.80% 0.007 268.55);
--primary-50: oklch(17.23% 0.018 97.53);
--primary-100: oklch(24.68% 0.033 97.74);
--primary-200: oklch(37.71% 0.055 98.79);
--primary-300: oklch(49.77% 0.077 98.34);
--primary-400: oklch(61.14% 0.097 98.09);
--primary: oklch(67.74% 0.108 98.2);
--primary-500: oklch(72% 0.116 97.93);
--primary-600: oklch(77.55% 0.097 98.29);
--primary-700: oklch(83.15% 0.074 98.36);
--primary-800: oklch(88.75% 0.05 98.42);
--primary-900: oklch(94.41% 0.025 97.12);
--primary-950: oklch(97.22% 0.012 96.42);
--primary: oklch(48.89% 0.064 217.48);
--primary-50: oklch(16.48% 0.015 212.62);
--primary-100: oklch(23.06% 0.024 214.47);
--primary-200: oklch(34.67% 0.043 219.39);
--primary-300: oklch(45.64% 0.059 218.22);
--primary-400: oklch(55.99% 0.075 218.52);
--primary-500: oklch(65.88% 0.089 218.00);
--primary-600: oklch(72.48% 0.075 217.32);
--primary-700: oklch(79.25% 0.057 216.55);
--primary-800: oklch(86.07% 0.039 217.46);
--primary-900: oklch(93.16% 0.019 213.42);
--primary-950: oklch(96.50% 0.009 222.06);
--secondary-50: oklch(18.17% 0.026 97.52);
--secondary-100: oklch(26.04% 0.043 96.76);
--secondary-200: oklch(40.18% 0.072 97.19);
--secondary-300: oklch(53.48% 0.099 97.52);
--secondary: oklch(59.61% 0.111 97.84);
--secondary-400: oklch(65.69% 0.123 97.5);
--secondary-500: oklch(77.44% 0.146 97.07);
--secondary-600: oklch(81.72% 0.129 98.31);
--secondary-700: oklch(86.23% 0.103 98.42);
--secondary-800: oklch(90.57% 0.07 97.74);
--secondary-900: oklch(95.28% 0.036 96.71);
--secondary-950: oklch(97.69% 0.019 100.12);
--secondary: oklch(47.12% 0.064 249.33);
--secondary-50: oklch(15.56% 0.012 241.97);
--secondary-100: oklch(20.99% 0.022 251.79);
--secondary-200: oklch(31.42% 0.038 249.12);
--secondary-300: oklch(40.78% 0.056 250.22);
--secondary-400: oklch(49.88% 0.069 249.37);
--secondary-500: oklch(58.35% 0.083 249.96);
--secondary-600: oklch(66.99% 0.065 248.83);
--secondary-700: oklch(75.31% 0.048 249.46);
--secondary-800: oklch(83.76% 0.030 248.19);
--secondary-900: oklch(92.05% 0.015 244.73);
--secondary-950: oklch(95.95% 0.008 253.85);
--accent-50: oklch(18.44% 0.029 102.49);
--accent-100: oklch(26.42% 0.045 97.53);
--accent-200: oklch(40.98% 0.076 96.95);
--accent-300: oklch(54.33% 0.103 96.65);
--accent: oklch(66.8% 0.128 96.97);
--accent-400: oklch(66.8% 0.128 96.97);
--accent-500: oklch(78.81% 0.152 96.76);
--accent-600: oklch(82.74% 0.136 98);
--accent-700: oklch(86.92% 0.11 97.94);
--accent-800: oklch(91.16% 0.076 97.81);
--accent-900: oklch(95.53% 0.039 97.44);
--accent-950: oklch(97.77% 0.019 96.86);
--accent: oklch(55.80% 0.080 254.61);
--accent-50: oklch(15.35% 0.012 260.39);
--accent-100: oklch(20.99% 0.022 251.79);
--accent-200: oklch(30.91% 0.038 255.00);
--accent-300: oklch(40.31% 0.053 254.02);
--accent-400: oklch(49.19% 0.068 253.56);
--accent-500: oklch(57.47% 0.081 254.47);
--accent-600: oklch(66.37% 0.064 253.29);
--accent-700: oklch(74.95% 0.046 253.67);
--accent-800: oklch(83.39% 0.030 254.70);
--accent-900: oklch(91.85% 0.015 251.16);
--accent-950: oklch(95.93% 0.007 247.90);
}