Skip to content

Commit 26a0477

Browse files
ovidiustanc123ovidiustanc123
committed
color-update
1 parent f847dcb commit 26a0477

File tree

6 files changed

+85
-87
lines changed

6 files changed

+85
-87
lines changed

‎public/css/volt.css

Lines changed: 78 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -405,10 +405,10 @@
405405
fill: #262B40; }
406406

407407
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
408-
stroke: #F8BD7A; }
408+
stroke: #FB503B; }
409409

410410
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
411-
fill: #F8BD7A; }
411+
fill: #FB503B; }
412412

413413
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
414414
stroke: #2CA58D; }
@@ -435,10 +435,10 @@
435435
fill: #ffffff; }
436436

437437
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
438-
stroke: #F8BD7A; }
438+
stroke: #FB503B; }
439439

440440
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
441-
fill: #F8BD7A; }
441+
fill: #FB503B; }
442442

443443
.ct-square {
444444
display: block;
@@ -812,7 +812,7 @@
812812
--bs-gray: #4B5563;
813813
--bs-gray-dark: #1F2937;
814814
--bs-primary: #1F2937;
815-
--bs-secondary: #f0bc74;
815+
--bs-secondary: #fb503b;
816816
--bs-tertiary: #31316A;
817817
--bs-success: #10B981;
818818
--bs-info: #2361ce;
@@ -2584,15 +2584,15 @@ progress {
25842584
border-color: #c0c3c7; }
25852585

25862586
.table-secondary {
2587-
--bs-table-bg: #fcf2e3;
2588-
--bs-table-striped-bg: #f1e8da;
2587+
--bs-table-bg: #fedcd8;
2588+
--bs-table-striped-bg: #f3d3d0;
25892589
--bs-table-striped-color: #1F2937;
2590-
--bs-table-active-bg: #e6ded2;
2590+
--bs-table-active-bg: #e8cac8;
25912591
--bs-table-active-color: #1F2937;
2592-
--bs-table-hover-bg: #ebe3d6;
2592+
--bs-table-hover-bg: #edcfcc;
25932593
--bs-table-hover-color: #1F2937;
25942594
color: #1F2937;
2595-
border-color: #e6ded2; }
2595+
border-color: #e8cac8; }
25962596

25972597
.table-success {
25982598
--bs-table-bg: #cff1e6;
@@ -3229,7 +3229,6 @@ textarea.form-control-lg {
32293229
z-index: 3; }
32303230

32313231
.invalid-feedback {
3232-
/* display: none; */
32333232
display: block;
32343233
width: 100%;
32353234
margin-top: 0.25rem;
@@ -3367,33 +3366,33 @@ textarea.form-control-lg {
33673366
border-color: #1F2937; }
33683367

33693368
.btn-secondary {
3370-
color: #1F2937;
3371-
background-color: #f0bc74;
3372-
border-color: #f0bc74;
3369+
color: #ffffff;
3370+
background-color: #fb503b;
3371+
border-color: #fb503b;
33733372
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075); }
33743373
.btn-secondary:hover {
3375-
color: #1F2937;
3376-
background-color: #f2c689;
3377-
border-color: #f2c382; }
3374+
color: #ffffff;
3375+
background-color: #d54432;
3376+
border-color: #c9402f; }
33783377
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
3379-
color: #1F2937;
3380-
background-color: #f2c689;
3381-
border-color: #f2c382;
3382-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(209, 166, 107, 0.5); }
3378+
color: #ffffff;
3379+
background-color: #d54432;
3380+
border-color: #c9402f;
3381+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075), 0 0 0 0.18rem rgba(252, 106, 88, 0.5); }
33833382
.btn-check:checked + .btn-secondary,
33843383
.btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
33853384
.show > .btn-secondary.dropdown-toggle {
3386-
color: #1F2937;
3387-
background-color: #f3c990;
3388-
border-color: #f2c382; }
3385+
color: #ffffff;
3386+
background-color: #c9402f;
3387+
border-color: #bc3c2c; }
33893388
.btn-check:checked + .btn-secondary:focus,
33903389
.btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
33913390
.show > .btn-secondary.dropdown-toggle:focus {
3392-
box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(209, 166, 107, 0.5); }
3391+
box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(252, 106, 88, 0.5); }
33933392
.btn-secondary:disabled, .btn-secondary.disabled {
3394-
color: #1F2937;
3395-
background-color: #f0bc74;
3396-
border-color: #f0bc74; }
3393+
color: #ffffff;
3394+
background-color: #fb503b;
3395+
border-color: #fb503b; }
33973396

33983397
.btn-tertiary {
33993398
color: #ffffff;
@@ -3997,24 +3996,24 @@ textarea.form-control-lg {
39973996
background-color: transparent; }
39983997

39993998
.btn-outline-secondary {
4000-
color: #f0bc74;
4001-
border-color: #f0bc74; }
3999+
color: #fb503b;
4000+
border-color: #fb503b; }
40024001
.btn-outline-secondary:hover {
4003-
color: #1F2937;
4004-
background-color: #f0bc74;
4005-
border-color: #f0bc74; }
4002+
color: #ffffff;
4003+
background-color: #fb503b;
4004+
border-color: #fb503b; }
40064005
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
4007-
box-shadow: 0 0 0 0.18rem rgba(240, 188, 116, 0.5); }
4006+
box-shadow: 0 0 0 0.18rem rgba(251, 80, 59, 0.5); }
40084007
.btn-check:checked + .btn-outline-secondary,
40094008
.btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
4010-
color: #1F2937;
4011-
background-color: #f0bc74;
4012-
border-color: #f0bc74; }
4009+
color: #ffffff;
4010+
background-color: #fb503b;
4011+
border-color: #fb503b; }
40134012
.btn-check:checked + .btn-outline-secondary:focus,
40144013
.btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
4015-
box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(240, 188, 116, 0.5); }
4014+
box-shadow: inset 0 3px 5px rgba(17, 24, 39, 0.125), 0 0 0 0.18rem rgba(251, 80, 59, 0.5); }
40164015
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
4017-
color: #f0bc74;
4016+
color: #fb503b;
40184017
background-color: transparent; }
40194018

40204019
.btn-outline-tertiary {
@@ -5505,11 +5504,11 @@ textarea.form-control-lg {
55055504
color: #0f141a; }
55065505

55075506
.alert-secondary {
5508-
color: #907146;
5509-
background-color: #fcf2e3;
5510-
border-color: #fbebd5; }
5507+
color: #973023;
5508+
background-color: #fedcd8;
5509+
border-color: #fecbc4; }
55115510
.alert-secondary .alert-link {
5512-
color: #735a38; }
5511+
color: #79261c; }
55135512

55145513
.alert-tertiary {
55155514
color: #1d1d40;
@@ -5869,15 +5868,15 @@ textarea.form-control-lg {
58695868
border-color: #131921; }
58705869

58715870
.list-group-item-secondary {
5872-
color: #907146;
5873-
background-color: #fcf2e3; }
5871+
color: #973023;
5872+
background-color: #fedcd8; }
58745873
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
5875-
color: #907146;
5876-
background-color: #e3dacc; }
5874+
color: #973023;
5875+
background-color: #e5c6c2; }
58775876
.list-group-item-secondary.list-group-item-action.active {
58785877
color: #ffffff;
5879-
background-color: #907146;
5880-
border-color: #907146; }
5878+
background-color: #973023;
5879+
border-color: #973023; }
58815880

58825881
.list-group-item-tertiary {
58835882
color: #1d1d40;
@@ -6820,9 +6819,9 @@ textarea.form-control-lg {
68206819
color: #19212c; }
68216820

68226821
.link-secondary {
6823-
color: #f0bc74; }
6822+
color: #fb503b; }
68246823
.link-secondary:hover, .link-secondary:focus {
6825-
color: #f3c990; }
6824+
color: #c9402f; }
68266825

68276826
.link-tertiary {
68286827
color: #31316A; }
@@ -7200,7 +7199,7 @@ textarea.form-control-lg {
72007199
border-color: #1F2937 !important; }
72017200

72027201
.border-secondary {
7203-
border-color: #f0bc74 !important; }
7202+
border-color: #fb503b !important; }
72047203

72057204
.border-tertiary {
72067205
border-color: #31316A !important; }
@@ -8796,7 +8795,7 @@ textarea.form-control-lg {
87968795
color: #1F2937 !important; }
87978796

87988797
.text-secondary {
8799-
color: #f0bc74 !important; }
8798+
color: #fb503b !important; }
88008799

88018800
.text-tertiary {
88028801
color: #31316A !important; }
@@ -8877,7 +8876,7 @@ textarea.form-control-lg {
88778876
background-color: #1F2937 !important; }
88788877

88798878
.bg-secondary {
8880-
background-color: #f0bc74 !important; }
8879+
background-color: #fb503b !important; }
88818880

88828881
.bg-tertiary {
88838882
background-color: #31316A !important; }
@@ -15464,8 +15463,8 @@ label {
1546415463
border-color: #161d27; }
1546515464

1546615465
.btn-secondary:hover {
15467-
background-color: #eeb15d;
15468-
border-color: #eeb15d; }
15466+
background-color: #fa3a22;
15467+
border-color: #fa3a22; }
1546915468

1547015469
.btn-tertiary:hover {
1547115470
background-color: #292959;
@@ -16136,13 +16135,13 @@ label {
1613616135
color: #1F2937; }
1613716136

1613816137
.breadcrumb-secondary {
16139-
background: #f0bc74; }
16138+
background: #fb503b; }
1614016139
.breadcrumb-secondary .breadcrumb-item.active {
1614116140
color: #ffffff; }
1614216141
.breadcrumb-secondary.breadcrumb-transparent {
1614316142
background: transparent; }
1614416143
.breadcrumb-secondary.breadcrumb-transparent .breadcrumb-item.active {
16145-
color: #f0bc74; }
16144+
color: #fb503b; }
1614616145

1614716146
.breadcrumb-tertiary {
1614816147
background: #31316A; }
@@ -16598,7 +16597,7 @@ label {
1659816597
font-weight: 500; }
1659916598

1660016599
.ct-series-g .ct-grid {
16601-
stroke: #F8BD7A;
16600+
stroke: #FB503B;
1660216601
stroke-width: 2px;
1660316602
stroke-dasharray: 2px; }
1660416603

@@ -16793,8 +16792,8 @@ label {
1679316792
background-color: rgba(31, 41, 55, 0.3); }
1679416793

1679516794
.icon-shape-secondary {
16796-
color: #f0bc74;
16797-
background-color: rgba(240, 188, 116, 0.3); }
16795+
color: #fb503b;
16796+
background-color: rgba(251, 80, 59, 0.3); }
1679816797

1679916798
.icon-shape-tertiary {
1680016799
color: #31316A;
@@ -17022,17 +17021,17 @@ label {
1702217021
color: #ffffff; }
1702317022

1702417023
.modal-secondary .modal-title {
17025-
color: color-yiq(#f0bc74); }
17024+
color: color-yiq(#fb503b); }
1702617025

1702717026
.modal-secondary .modal-header,
1702817027
.modal-secondary .modal-footer {
17029-
border-color: rgba(240, 188, 116, 0.075); }
17028+
border-color: rgba(251, 80, 59, 0.075); }
1703017029

1703117030
.modal-secondary .modal-content {
17032-
background-color: #f0bc74;
17033-
color: color-yiq(#f0bc74); }
17031+
background-color: #fb503b;
17032+
color: color-yiq(#fb503b); }
1703417033
.modal-secondary .modal-content .heading {
17035-
color: color-yiq(#f0bc74); }
17034+
color: color-yiq(#fb503b); }
1703617035

1703717036
.modal-secondary .close > span:not(.sr-only) {
1703817037
color: #ffffff; }
@@ -17562,22 +17561,22 @@ label {
1756217561
border-left-color: #1F2937; }
1756317562

1756417563
.popover-secondary {
17565-
background-color: #f0bc74; }
17564+
background-color: #fb503b; }
1756617565
.popover-secondary .popover-header {
17567-
background-color: #f0bc74;
17568-
color: color-yiq(#f0bc74); }
17566+
background-color: #fb503b;
17567+
color: color-yiq(#fb503b); }
1756917568
.popover-secondary .popover-body {
17570-
color: color-yiq(#f0bc74); }
17569+
color: color-yiq(#fb503b); }
1757117570
.popover-secondary .popover-header {
17572-
border-color: rgba(240, 188, 116, 0.2); }
17571+
border-color: rgba(251, 80, 59, 0.2); }
1757317572
.popover-secondary.bs-popover-top .arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^="top"] .arrow::after {
17574-
border-top-color: #f0bc74; }
17573+
border-top-color: #fb503b; }
1757517574
.popover-secondary.bs-popover-end .arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^="right"] .arrow::after {
17576-
border-right-color: #f0bc74; }
17575+
border-right-color: #fb503b; }
1757717576
.popover-secondary.bs-popover-bottom .arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^="bottom"] .arrow::after {
17578-
border-bottom-color: #f0bc74; }
17577+
border-bottom-color: #fb503b; }
1757917578
.popover-secondary.bs-popover-start .arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^="left"] .arrow::after {
17580-
border-left-color: #f0bc74; }
17579+
border-left-color: #fb503b; }
1758117580

1758217581
.popover-tertiary {
1758317582
background-color: #31316A; }
@@ -18037,7 +18036,7 @@ label {
1803718036
border-top-color: #1F2937; }
1803818037

1803918038
.progress-info .bg-secondary::after {
18040-
border-top-color: #f0bc74; }
18039+
border-top-color: #fb503b; }
1804118040

1804218041
.progress-info .bg-tertiary::after {
1804318042
border-top-color: #31316A; }
@@ -18491,13 +18490,13 @@ code[class*="language-"], pre[class*="language-"] {
1849118490
color: rgba(31, 41, 55, 0.7) !important; }
1849218491

1849318492
.text-secondary, .text-secondary:hover {
18494-
color: #f0bc74 !important; }
18493+
color: #fb503b !important; }
1849518494

1849618495
.text-secondary a:not(.btn), .text-secondary h1, .text-secondary .h1, .text-secondary h2, .text-secondary .h2, .text-secondary h3, .text-secondary .h3, .text-secondary h4, .text-secondary .h4, .text-secondary h5, .text-secondary .h5, .text-secondary h6, .text-secondary .h6, .text-secondary .h1, .text-secondary .h2, .text-secondary .h3, .text-secondary .h4, .text-secondary .h5, .text-secondary .h6, .text-secondary .display-1, .text-secondary .display-2, .text-secondary .display-3, .text-secondary .display-4 {
18497-
color: #f0bc74; }
18496+
color: #fb503b; }
1849818497

1849918498
.text-secondary .text-muted {
18500-
color: rgba(240, 188, 116, 0.7) !important; }
18499+
color: rgba(251, 80, 59, 0.7) !important; }
1850118500

1850218501
.text-tertiary, .text-tertiary:hover {
1850318502
color: #31316A !important; }

‎resources/scss/custom/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
// $primary: blue;
1+
// $primary: #fb503b;

‎resources/scss/volt/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ $colors: ("blue": $blue,
6767

6868
// Color scheme
6969
$primary : #1F2937 !default;
70-
$secondary: #f0bc74 !default;
70+
$secondary: #fb503b !default;
7171
$tertiary : #31316A !default;
7272

7373
// Series names and colors. This can be extended or customized as desired. Just add more series and colors.

‎resources/views/dashboard.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
</div>
3232
<div class="row">
3333
<div class="col-12 mb-4">
34-
<div class="card bg-yellow-100 border-0 shadow">
34+
<div class="card border-0 shadow" style="background-color: #fac0b9">
3535
<div class="card-header d-sm-flex flex-row align-items-center flex-0">
3636
<div class="d-block mb-3 mb-sm-0">
3737
<div class="fs-5 fw-normal mb-2">Sales Value</div>

‎resources/views/layouts/base.blade.php

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -57,8 +57,7 @@
5757
@livewireStyles
5858

5959
@livewireScripts
60-
{{-- <!-- Alpine -->
61-
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> --}}
60+
6261
<!-- Core -->
6362
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
6463
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>

0 commit comments

Comments
 (0)