Skip to content

Commit 2da0654

Browse files
MaximSamorukovMaximSamorukov
committed
refactor: Replace hardcoded color values with SASS variables from shared colors.scss.
1 parent 84cdaa7 commit 2da0654

File tree

68 files changed

+407
-285
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

68 files changed

+407
-285
lines changed

‎src/app/(crm)/auth_error/unauthorized.module.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1+
@import '@/shared/styles/colors.scss';
2+
13
.unauthorized {
24
display: flex;
35
flex-direction: column;
46
align-items: center;
57
justify-content: center;
68
height: 100vh;
79

8-
background: #0e0e0e;
9-
color: #fff;
10+
background: $ALMOST_BLACK;
11+
color: $WHITE;
1012
text-align: center;
1113

1214
h1 {
@@ -20,6 +22,6 @@
2022
opacity: 0.85;
2123
}
2224
a > p {
23-
color: orange;
25+
color: $BRIGHT_ORANGE;
2426
}
2527
}

‎src/app/(crm)/crm/dashboard/pricelist/PriceList.module.scss‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
1+
@import '@/shared/styles/colors.scss';
2+
13
.container {
24
max-width: 1000px;
35
margin: 3rem auto;
46
padding: 2rem 3rem;
57
font-family: 'Inter', Arial, sans-serif;
6-
color: #222;
8+
color: $DARK_GREY_222;
79
}
810

911
.title {
1012
font-size: 3rem;
1113
font-weight: 700;
1214
text-align: center;
1315
margin-bottom: 3rem;
14-
color: #926e6e;
16+
color: $BROWNISH_GREY;
1517
}
1618

1719
.section {
@@ -22,9 +24,9 @@
2224
font-size: 2rem;
2325
font-weight: 600;
2426
margin-bottom: 2rem;
25-
border-bottom: 3px solid #eee;
27+
border-bottom: 3px solid $GREY_EEE;
2628
padding-bottom: 0.5rem;
27-
color: #333;
29+
color: $DARK_GREY_333;
2830
}
2931

3032
.cards {
@@ -34,35 +36,35 @@
3436
}
3537

3638
.card {
37-
background: linear-gradient(145deg, #fff6f0, #ffe6d6);
39+
background: linear-gradient(145deg, $VERY_LIGHT_ORANGE_BG, $LIGHT_ORANGE_BG);
3840
border-radius: 16px;
3941
padding: 2rem 2rem;
40-
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
42+
box-shadow: 0 6px 20px rgba($BLACK, 0.08);
4143
text-align: center;
4244
transition: transform 0.3s ease, box-shadow 0.3s ease;
4345

4446
&:hover {
4547
transform: translateY(-8px);
46-
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
48+
box-shadow: 0 12px 24px rgba($BLACK, 0.15);
4749
}
4850
}
4951

5052
.cardName {
5153
font-size: 1.6rem;
5254
font-weight: 700;
5355
margin-bottom: 1rem;
54-
color: #d9534f;
56+
color: $ERROR_RED;
5557
}
5658

5759
.cardPrice {
5860
font-size: 1.4rem;
5961
font-weight: 800;
60-
color: #ff6b00;
62+
color: $BRIGHT_ORANGE;
6163
}
6264

6365
.plasticList {
6466
font-size: 1.2rem;
65-
color: #555;
67+
color: $GREY_555;
6668
margin-top: 1rem;
6769
text-align: center;
6870
letter-spacing: 1px;

src/app/(crm)/globals.css renamed to src/app/(crm)/globals.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
1+
@import '@/shared/styles/colors.scss';
12

23
:root {
3-
--background: #ffffff;
4-
--foreground: #171717;
4+
--background: #{$WHITE};
5+
--foreground: #{$DARK_GREY};
56
}
67

78
@media (prefers-color-scheme: dark) {
89
:root {
9-
--background: #0a0a0a;
10-
--foreground: #ededed;
10+
--background: #{$DARK_BG};
11+
--foreground: #{$LIGHT_GREY};
1112
}
1213
}
1314

‎src/app/(crm)/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
import type { Metadata } from 'next';
88
import { Roboto } from 'next/font/google';
9-
import '@/app/(website)/globals.css';
9+
import '@/app/(website)/globals.scss';
1010
import { Provider } from '@/shared/Provider';
1111
import Head from 'next/head';
1212

‎src/app/(crm)/unauthorized/unauthorized.module.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1+
@import '@/shared/styles/colors.scss';
2+
13
.unauthorized {
24
display: flex;
35
flex-direction: column;
46
align-items: center;
57
justify-content: center;
68
height: 100vh;
79

8-
background: #0e0e0e;
9-
color: #fff;
10+
background: $ALMOST_BLACK;
11+
color: $WHITE;
1012
text-align: center;
1113

1214
h1 {
@@ -20,6 +22,6 @@
2022
opacity: 0.85;
2123
}
2224
a > p {
23-
color: orange;
25+
color: $BRIGHT_ORANGE;
2426
}
2527
}

src/app/(website)/globals.css renamed to src/app/(website)/globals.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
1+
@import '@/shared/styles/colors.scss';
12

23
:root {
3-
--background: #0a0a0a;
4-
--foreground: #ededed;
4+
--background: #{$WHITE};
5+
--foreground: #{$DARK_GREY};
56
}
67

78
@media (prefers-color-scheme: dark) {
89
:root {
9-
--background: #0a0a0a;
10-
--foreground: #ededed;
10+
--background: #{$DARK_BG};
11+
--foreground: #{$LIGHT_GREY};
1112
}
1213
}
1314

‎src/app/(website)/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
import type { Metadata } from 'next';
77
import { Roboto } from 'next/font/google';
8-
import '@/app/(website)/globals.css';
8+
import '@/app/(website)/globals.scss';
99
import { Header } from '@/widgets/WebsiteLayoutWidgets';
1010
import { ActionPanel } from '@/widgets/WebsiteLayoutWidgets';
1111
import { Footer } from '@/widgets/WebsiteLayoutWidgets';

‎src/features/CRMDrawerFilterComponent/style.module.scss‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@import '@/shared/styles/colors.scss';
12
$WIDTH: 100%;
23

34
.drawer {
@@ -10,9 +11,9 @@ $WIDTH: 100%;
1011
justify-content: space-between;
1112
box-sizing: border-box;
1213
padding: 5px 15px 25px;
13-
border-bottom: 1px solid rgba(white, 0.1);
14-
border-right: 1px solid rgba(white, 0.1);
15-
border-left: 1px solid rgba(white, 0.1);
14+
border-bottom: 1px solid $WHITE_BORDER;
15+
border-right: 1px solid $WHITE_BORDER;
16+
border-left: 1px solid $WHITE_BORDER;
1617
}
1718
&FiltersContainer {
1819
height: 100%;
@@ -25,8 +26,8 @@ $WIDTH: 100%;
2526
padding: 15px;
2627
padding-top: 30px;
2728
color: white;
28-
border-right: 1px solid rgba(white, 0.1);
29-
border-left: 1px solid rgba(white, 0.1);
29+
border-right: 1px solid $WHITE_BORDER;
30+
border-left: 1px solid $WHITE_BORDER;
3031

3132
@media (max-width: 590px) {
3233
height: fit-content;

‎src/features/CRMDrawerFilterComponent/ui/CloseButton/style.module.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@import '@/shared/styles/colors.scss';
12
.container {
23
width: 150px;
34
height: 25px;
@@ -25,7 +26,7 @@ button.btn {
2526
all: unset;
2627
width: 100%;
2728
height: 100%;
28-
border: 1px solid rgba(white, 0.2);
29+
border: 1px solid $WHITE_BORDER;
2930
display: flex;
3031
flex-direction: column;
3132
justify-content: center;

‎src/features/OrderButton/style.module.scss‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@import '@/shared/styles/colors.scss';
12
@keyframes pulseBorder {
23
0% {
34
box-shadow: 0 0 4px rgba(228, 158, 0, 0.5);
@@ -22,10 +23,10 @@
2223
cursor: pointer;
2324

2425
&:hover {
25-
color: #e49e00;
26-
border-color: #e49e00;
26+
color: $PRIMARY_GOLD;
27+
border-color: $PRIMARY_GOLD;
2728
transform: scale(1.001);
28-
box-shadow: 0 0 8px #e49e00;
29+
box-shadow: 0 0 8px $PRIMARY_GOLD;
2930
transition: transform 0.2s ease, box-shadow 0.2s ease;
3031
animation: pulseBorder 2s infinite;
3132
}

0 commit comments

Comments
 (0)