Skip to content

Commit 929ec13

Browse files
committed
Added new colours
1 parent c1e2b19 commit 929ec13

File tree

4 files changed

+149
-95
lines changed

4 files changed

+149
-95
lines changed

frontend/static/src/output.css

Lines changed: 74 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -497,17 +497,16 @@ html {
497497
}
498498

499499
:root {
500-
color-scheme: light;
500+
color-scheme: dark;
501501
--in: 0.7206 0.191 231.6;
502502
--su: 64.8% 0.150 160;
503503
--wa: 0.8471 0.199 83.87;
504-
--er: 0.7176 0.221 22.18;
505-
--pc: 0.89824 0.06192 275.75;
506-
--ac: 0.15352 0.0368 183.61;
504+
--pc: 0.906397 0.036353 309.06903;
505+
--ac: 0.91221 0.03797 276.024691;
507506
--inc: 0 0 0;
508507
--suc: 0 0 0;
509508
--wac: 0 0 0;
510-
--erc: 0 0 0;
509+
--erc: 0.15041 0.019918 11.781878;
511510
--rounded-box: 1rem;
512511
--rounded-btn: 0.5rem;
513512
--rounded-badge: 1.9rem;
@@ -517,32 +516,31 @@ html {
517516
--border-btn: 1px;
518517
--tab-border: 1px;
519518
--tab-radius: 0.5rem;
520-
--p: 0.4912 0.3096 275.75;
521-
--s: 0.6971 0.329 342.55;
522-
--sc: 0.9871 0.0106 342.55;
523-
--a: 0.7676 0.184 183.61;
519+
--p: 0.531983 0.181767 309.06903;
520+
--s: 0.611735 0.178257 276.191325;
521+
--sc: 0.823442 0 0;
522+
--er: 0.75205 0.099591 11.781878;
523+
--a: 0.56105 0.189852 276.024691;
524524
--n: 0.321785 0.02476 255.701624;
525525
--nc: 0.894994 0.011585 252.096176;
526526
--b1: 1 0 0;
527527
--b2: 0.961151 0 0;
528528
--b3: 0.924169 0.00108 197.137559;
529529
--bc: 0.278078 0.029596 256.847952;
530+
placeholder-color: #0051ff;
530531
}
531532

532533
@media (prefers-color-scheme: dark) {
533534
:root {
534535
color-scheme: dark;
535536
--in: 0.7206 0.191 231.6;
536-
--su: 64.8% 0.150 160;
537537
--wa: 0.8471 0.199 83.87;
538-
--er: 0.7176 0.221 22.18;
539-
--pc: 0.13138 0.0392 275.75;
540-
--sc: 0.1496 0.052 342.55;
541-
--ac: 0.14902 0.0334 183.61;
538+
--pc: 0.128144 0.031342 294.012462;
539+
--sc: 0.141495 0.022698 280.825753;
540+
--ac: 0.91221 0.03797 276.024691;
542541
--inc: 0 0 0;
543-
--suc: 0 0 0;
544542
--wac: 0 0 0;
545-
--erc: 0 0 0;
543+
--erc: 0.15041 0.019918 11.781878;
546544
--rounded-box: 1rem;
547545
--rounded-btn: 0.5rem;
548546
--rounded-badge: 1.9rem;
@@ -552,30 +550,33 @@ html {
552550
--border-btn: 1px;
553551
--tab-border: 1px;
554552
--tab-radius: 0.5rem;
555-
--p: 0.6569 0.196 275.75;
556-
--s: 0.748 0.26 342.55;
557-
--a: 0.7451 0.167 183.61;
553+
--p: 0.640721 0.156708 294.012462;
554+
--s: 0.707476 0.113489 280.825753;
555+
--er: 0.75205 0.099591 11.781878;
556+
--su: 0.855214 0.121904 149.444756;
557+
--suc: 0.313815 0.021108 254.139175;
558+
--a: 0.56105 0.189852 276.024691;
558559
--n: 0.313815 0.021108 254.139175;
559560
--nc: 0.746477 0.0216 264.435964;
560-
--b1: 0.253267 0.015896 252.417568;
561-
--b2: 0.232607 0.013807 253.100675;
562-
--b3: 0.211484 0.01165 254.087939;
563-
--bc: 0.746477 0.0216 264.435964;
561+
--b1: 0.320396 0.020258 248.459491;
562+
--b2: 0.253267 0.015896 252.417568;
563+
--b3: 0.230285 0.016667 264.170493;
564+
--bc: 0.804658 0 0;
565+
placeholder-color: #0051ff;
564566
}
565567
}
566568

567569
[data-theme=light] {
568-
color-scheme: light;
570+
color-scheme: dark;
569571
--in: 0.7206 0.191 231.6;
570572
--su: 64.8% 0.150 160;
571573
--wa: 0.8471 0.199 83.87;
572-
--er: 0.7176 0.221 22.18;
573-
--pc: 0.89824 0.06192 275.75;
574-
--ac: 0.15352 0.0368 183.61;
574+
--pc: 0.906397 0.036353 309.06903;
575+
--ac: 0.91221 0.03797 276.024691;
575576
--inc: 0 0 0;
576577
--suc: 0 0 0;
577578
--wac: 0 0 0;
578-
--erc: 0 0 0;
579+
--erc: 0.15041 0.019918 11.781878;
579580
--rounded-box: 1rem;
580581
--rounded-btn: 0.5rem;
581582
--rounded-badge: 1.9rem;
@@ -585,31 +586,30 @@ html {
585586
--border-btn: 1px;
586587
--tab-border: 1px;
587588
--tab-radius: 0.5rem;
588-
--p: 0.4912 0.3096 275.75;
589-
--s: 0.6971 0.329 342.55;
590-
--sc: 0.9871 0.0106 342.55;
591-
--a: 0.7676 0.184 183.61;
589+
--p: 0.531983 0.181767 309.06903;
590+
--s: 0.611735 0.178257 276.191325;
591+
--sc: 0.823442 0 0;
592+
--er: 0.75205 0.099591 11.781878;
593+
--a: 0.56105 0.189852 276.024691;
592594
--n: 0.321785 0.02476 255.701624;
593595
--nc: 0.894994 0.011585 252.096176;
594596
--b1: 1 0 0;
595597
--b2: 0.961151 0 0;
596598
--b3: 0.924169 0.00108 197.137559;
597599
--bc: 0.278078 0.029596 256.847952;
600+
placeholder-color: #0051ff;
598601
}
599602

600603
[data-theme=dark] {
601604
color-scheme: dark;
602605
--in: 0.7206 0.191 231.6;
603-
--su: 64.8% 0.150 160;
604606
--wa: 0.8471 0.199 83.87;
605-
--er: 0.7176 0.221 22.18;
606-
--pc: 0.13138 0.0392 275.75;
607-
--sc: 0.1496 0.052 342.55;
608-
--ac: 0.14902 0.0334 183.61;
607+
--pc: 0.128144 0.031342 294.012462;
608+
--sc: 0.141495 0.022698 280.825753;
609+
--ac: 0.91221 0.03797 276.024691;
609610
--inc: 0 0 0;
610-
--suc: 0 0 0;
611611
--wac: 0 0 0;
612-
--erc: 0 0 0;
612+
--erc: 0.15041 0.019918 11.781878;
613613
--rounded-box: 1rem;
614614
--rounded-btn: 0.5rem;
615615
--rounded-badge: 1.9rem;
@@ -619,15 +619,19 @@ html {
619619
--border-btn: 1px;
620620
--tab-border: 1px;
621621
--tab-radius: 0.5rem;
622-
--p: 0.6569 0.196 275.75;
623-
--s: 0.748 0.26 342.55;
624-
--a: 0.7451 0.167 183.61;
622+
--p: 0.640721 0.156708 294.012462;
623+
--s: 0.707476 0.113489 280.825753;
624+
--er: 0.75205 0.099591 11.781878;
625+
--su: 0.855214 0.121904 149.444756;
626+
--suc: 0.313815 0.021108 254.139175;
627+
--a: 0.56105 0.189852 276.024691;
625628
--n: 0.313815 0.021108 254.139175;
626629
--nc: 0.746477 0.0216 264.435964;
627-
--b1: 0.253267 0.015896 252.417568;
628-
--b2: 0.232607 0.013807 253.100675;
629-
--b3: 0.211484 0.01165 254.087939;
630-
--bc: 0.746477 0.0216 264.435964;
630+
--b1: 0.320396 0.020258 248.459491;
631+
--b2: 0.253267 0.015896 252.417568;
632+
--b3: 0.230285 0.016667 264.170493;
633+
--bc: 0.804658 0 0;
634+
placeholder-color: #0051ff;
631635
}
632636

633637
*, ::before, ::after {
@@ -2164,6 +2168,10 @@ html {
21642168
--btn-color: var(--fallback-s);
21652169
}
21662170

2171+
.btn-neutral {
2172+
--btn-color: var(--fallback-n);
2173+
}
2174+
21672175
.btn-success {
21682176
--btn-color: var(--fallback-su);
21692177
}
@@ -2231,6 +2239,10 @@ html {
22312239
--btn-color: var(--s);
22322240
}
22332241

2242+
.btn-neutral {
2243+
--btn-color: var(--n);
2244+
}
2245+
22342246
.btn-success {
22352247
--btn-color: var(--su);
22362248
}
@@ -2246,6 +2258,12 @@ html {
22462258
outline-color: var(--fallback-s,oklch(var(--s)/1));
22472259
}
22482260

2261+
.btn-neutral {
2262+
--tw-text-opacity: 1;
2263+
color: var(--fallback-nc, oklch(var(--nc)/var(--tw-text-opacity)));
2264+
outline-color: var(--fallback-n, oklch(var(--n)/1));
2265+
}
2266+
22492267
.btn-success {
22502268
--tw-text-opacity: 1;
22512269
color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
@@ -4676,11 +4694,6 @@ html {
46764694
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
46774695
}
46784696

4679-
.bg-green-800 {
4680-
--tw-bg-opacity: 1;
4681-
background-color: rgb(22 101 52 / var(--tw-bg-opacity));
4682-
}
4683-
46844697
.bg-purple-600 {
46854698
--tw-bg-opacity: 1;
46864699
background-color: rgb(147 51 234 / var(--tw-bg-opacity));
@@ -4701,6 +4714,11 @@ html {
47014714
background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
47024715
}
47034716

4717+
.bg-success {
4718+
--tw-bg-opacity: 1;
4719+
background-color: var(--fallback-su, oklch(var(--su)/var(--tw-bg-opacity)));
4720+
}
4721+
47044722
.bg-white {
47054723
--tw-bg-opacity: 1;
47064724
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -5039,6 +5057,11 @@ html {
50395057
color: rgb(17 24 39 / var(--tw-text-opacity));
50405058
}
50415059

5060+
.text-neutral {
5061+
--tw-text-opacity: 1;
5062+
color: var(--fallback-n, oklch(var(--n)/var(--tw-text-opacity)));
5063+
}
5064+
50425065
.text-purple-600 {
50435066
--tw-text-opacity: 1;
50445067
color: rgb(147 51 234 / var(--tw-text-opacity));

frontend/templates/modals/receipts_upload.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
});
3838
</script>
3939
<button type="reset" class="btn btn-error">Reset</button>
40-
<button type="button" onclick="document.getElementById('modal_receipts_upload').close();" class="btn">
40+
<button type="button" onclick="document.getElementById('modal_receipts_upload').close();" class="btn btn-neutral">
4141
Close
4242
</button>
4343
</div>

frontend/templates/pages/invoices/view/invoice.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,8 @@
2020
</div>
2121
<div class="flex items-center mx-auto">
2222
<p class="flex items-center text-sm font-normal">
23-
<span class="inline-flex p-1 mr-3 rounded-full w-6 h-6 items-center justify-center bg-green-800">
24-
<i class="fa-solid fa-check"></i>
25-
<span class="sr-only">Paid</span>
23+
<span class="inline-flex p-1 mr-3 rounded-full w-6 h-6 items-center justify-center bg-success">
24+
<i class="fa-solid fa-check text-neutral"></i>
2625
</span>
2726
<span>
2827
{% with ps=invoice.payment_status %}

0 commit comments

Comments
 (0)