@loftyshaky/shared 2.2.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_locales/en/messages.json +296 -281
- package/_locales/ru/messages.json +230 -215
- package/chunk-title.js +1 -1
- package/chunk-viewport.js +1 -1
- package/globals.d.ts +1 -1
- package/inputs.js +1 -1
- package/js/webpack.config.js +3 -1
- package/package.json +1 -1
- package/scss/settings/ext_version.scss +7 -7
- package/scss/settings/main.scss +18 -18
- package/scss/settings/sections.scss +45 -45
- package/scss/shared/help.scss +69 -69
- package/scss/shared/themes/colors/aqua.scss +32 -34
- package/scss/shared/themes/colors/clover.scss +46 -0
- package/scss/shared/themes/colors/dark.scss +2 -1
- package/scss/shared/themes/colors/lavender.scss +19 -23
- package/scss/shared/themes/colors/light.scss +5 -4
- package/scss/shared/themes/colors/ruby.scss +46 -0
- package/scss/shared/themes/colors/very_dark.scss +2 -1
- package/scss/shared/themes/general/clover_theme.scss +9 -0
- package/scss/shared/themes/general/dark_theme.scss +9 -9
- package/scss/shared/themes/general/light_theme.scss +9 -9
- package/scss/shared/themes/general/ruby_theme.scss +9 -0
- package/scss/shared/themes/general/template.scss +1 -1
- package/scss/shared/themes/general/very_dark_theme.scss +9 -9
- package/scss/shared/vars.scss +32 -32
- package/shared.js +1 -1
- package/ts/error_modules/error/scripts/notification.d.ts +1 -1
- package/ts/error_modules_clean/error/interfaces/show_unable_to_access_settings_error.d.ts +0 -2
- package/ts/inputs/data/val.d.ts +2 -1
- package/ts/shared_clean/x.d.ts +2 -1
package/scss/shared/help.scss
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
.help,
|
|
2
|
-
.color_help {
|
|
3
|
-
@include folding_text;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.help_btn {
|
|
7
|
-
@include btn;
|
|
8
|
-
|
|
9
|
-
margin-left: var(--help_btn_margin);
|
|
10
|
-
display: flex;
|
|
11
|
-
order: 1;
|
|
12
|
-
|
|
13
|
-
svg {
|
|
14
|
-
display: block;
|
|
15
|
-
width: var(--help_btn_size);
|
|
16
|
-
height: var(--help_btn_size);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.section_help {
|
|
21
|
-
display: flex;
|
|
22
|
-
margin-bottom: $gap;
|
|
23
|
-
|
|
24
|
-
&:empty {
|
|
25
|
-
display: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
+ .subsection {
|
|
29
|
-
margin-top: $gap;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.help {
|
|
33
|
-
max-width: unset;
|
|
34
|
-
margin-top: 0;
|
|
35
|
-
margin-right: 15px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.help_btn {
|
|
39
|
-
margin-left: auto;
|
|
40
|
-
align-self: flex-start;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.input_item {
|
|
45
|
-
.color_help_w {
|
|
46
|
-
margin-bottom: $gap;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.color_help {
|
|
50
|
-
margin: 0;
|
|
51
|
-
line-height: initial;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&:not(.textarea) .help_btn {
|
|
55
|
-
align-self: center;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&.textarea {
|
|
59
|
-
.input_w_and_help_btn {
|
|
60
|
-
align-items: normal;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.help_btn {
|
|
64
|
-
margin-top: 5px;
|
|
65
|
-
display: inline-block;
|
|
66
|
-
height: max-content;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
1
|
+
.help,
|
|
2
|
+
.color_help {
|
|
3
|
+
@include folding_text;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.help_btn {
|
|
7
|
+
@include btn;
|
|
8
|
+
|
|
9
|
+
margin-left: var(--help_btn_margin);
|
|
10
|
+
display: flex;
|
|
11
|
+
order: 1;
|
|
12
|
+
|
|
13
|
+
svg {
|
|
14
|
+
display: block;
|
|
15
|
+
width: var(--help_btn_size);
|
|
16
|
+
height: var(--help_btn_size);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.section_help {
|
|
21
|
+
display: flex;
|
|
22
|
+
margin-bottom: $gap;
|
|
23
|
+
|
|
24
|
+
&:empty {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
+ .subsection {
|
|
29
|
+
margin-top: $gap;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.help {
|
|
33
|
+
max-width: unset;
|
|
34
|
+
margin-top: 0;
|
|
35
|
+
margin-right: 15px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.help_btn {
|
|
39
|
+
margin-left: auto;
|
|
40
|
+
align-self: flex-start;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.input_item {
|
|
45
|
+
.color_help_w {
|
|
46
|
+
margin-bottom: $gap;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.color_help {
|
|
50
|
+
margin: 0;
|
|
51
|
+
line-height: initial;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&:not(.textarea) .help_btn {
|
|
55
|
+
align-self: center;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&.textarea {
|
|
59
|
+
.input_w_and_help_btn {
|
|
60
|
+
align-items: normal;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.help_btn {
|
|
64
|
+
margin-top: 5px;
|
|
65
|
+
display: inline-block;
|
|
66
|
+
height: max-content;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
+
$theme_color_ynq: white;
|
|
1
2
|
$theme_color_jqv: rgb(255 255 255 / 0.1%);
|
|
2
|
-
$
|
|
3
|
+
$theme_color_tdh: #67ff5f;
|
|
4
|
+
$theme_color_udj: #ff7eee;
|
|
5
|
+
$htc: $theme_color_ynq;
|
|
3
6
|
$tbn: $glass_color;
|
|
4
7
|
$gaq: #efefef;
|
|
5
|
-
|
|
6
|
-
$gqb:
|
|
7
|
-
linear-gradient(45deg, rgb(39 61 213) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%,
|
|
8
|
-
linear-gradient(135deg, rgb(12 255 7) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%,
|
|
9
|
-
linear-gradient(190deg, rgb(135 23 255) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%,
|
|
10
|
-
rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(51 205 196) 100%, rgb(9 245 5 / 0%) 70%) repeat
|
|
11
|
-
scroll 0% 0%;
|
|
8
|
+
$gqb: linear-gradient(128deg, #1072d1 0%, #17909b 100%);
|
|
12
9
|
$hfb: transparent;
|
|
13
10
|
$gvb: rgb(255 255 255 / 36%);
|
|
14
11
|
$npw: rgb(255 255 255 / 20%);
|
|
@@ -19,30 +16,31 @@ $fxm: rgb(255 255 255 / 37.5%);
|
|
|
19
16
|
$nur: rgb(255 255 255 / 20.8%);
|
|
20
17
|
$yuv: rgb(255 255 255 / 60%);
|
|
21
18
|
$vqo: $theme_color_jqv;
|
|
22
|
-
$lpe:
|
|
19
|
+
$lpe: $theme_color_ynq;
|
|
23
20
|
$rbp: $black;
|
|
24
|
-
$
|
|
25
|
-
$
|
|
26
|
-
$
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
$
|
|
30
|
-
$
|
|
31
|
-
$
|
|
32
|
-
$
|
|
33
|
-
$
|
|
34
|
-
$
|
|
35
|
-
$
|
|
36
|
-
$
|
|
37
|
-
$
|
|
38
|
-
$
|
|
39
|
-
$
|
|
40
|
-
$
|
|
41
|
-
$
|
|
42
|
-
$
|
|
43
|
-
$
|
|
44
|
-
$
|
|
45
|
-
$
|
|
46
|
-
$
|
|
47
|
-
$
|
|
48
|
-
$
|
|
21
|
+
$tgp: $theme_color_ynq;
|
|
22
|
+
$mdc: #d9d9d9; // Input placeholder
|
|
23
|
+
$yos: #9e61ef; // Pagination button
|
|
24
|
+
$nep: #90efff; // Button active (color picker)
|
|
25
|
+
$htm: #ff974d; // Task (scheduler)
|
|
26
|
+
$qgp: #49b344; // Button hover
|
|
27
|
+
$hyv: #89ff84; // Button hover (color picker; scheduler; custom HTML/CSS/JS)
|
|
28
|
+
$ycp: #fbff12; // Link normal
|
|
29
|
+
$iub: #2e8cff; // Link normal (color picker) / Drop zone (scheduler)
|
|
30
|
+
$cop: $theme_color_tdh; // Link hover
|
|
31
|
+
$yun: #14bf0a; // Link hover (color picker) / text input data is valid (color picker)
|
|
32
|
+
$ptn: #ff98f1; // Link visited
|
|
33
|
+
$dwk: #d046e9; // Input focus (color picker)
|
|
34
|
+
$uzf: #ffae9e; // Link click
|
|
35
|
+
$hap: #f15f41; // Link click (color picker; scheduler; custom HTML/CSS/JS)
|
|
36
|
+
$rqb: #ff5f66; // Text input data is in a warn state (outline)
|
|
37
|
+
$thm: #ff9ea3; // Text input data is in warn state (error message)
|
|
38
|
+
$suc: #d0111a; // [Clear New Tab] Text input data is in a warn state (outline; scheduler)
|
|
39
|
+
$pxd: #fff900; // Section button selected indicator selected / [Clear New Tab] Background outline
|
|
40
|
+
$ksu: $theme_color_tdh; // Section button selected indicator hover / Text input data is valid
|
|
41
|
+
$upd: $theme_color_udj; // Tab key input outline
|
|
42
|
+
$fpw: $theme_color_udj; // [Clear New Tab] Background focus outline
|
|
43
|
+
$dfp: #0079ef; // Loading screen
|
|
44
|
+
$nqp: rgb(255 84 169 / 99%); // Text selection
|
|
45
|
+
$hgb: rgb(255 77 85 / 99%); // [Clear New Tab] Screen help text selection (custom HTML/CSS/JS)
|
|
46
|
+
$beu: rgb(255 255 255 / 75%); // upload screen background
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
$theme_color_ynq: white;
|
|
2
|
+
$theme_color_jqv: rgb(255 255 255 / 0.1%);
|
|
3
|
+
$theme_color_udl: #19f4ff;
|
|
4
|
+
$theme_color_udj: #ff7eee;
|
|
5
|
+
$htc: $theme_color_ynq;
|
|
6
|
+
$tbn: $glass_color;
|
|
7
|
+
$gaq: #efefef;
|
|
8
|
+
$gqb: linear-gradient(128deg, #257d2c 0%, #457521 100%);
|
|
9
|
+
$hfb: transparent;
|
|
10
|
+
$gvb: rgb(255 255 255 / 36%);
|
|
11
|
+
$npw: rgb(255 255 255 / 20%);
|
|
12
|
+
$hcx: $theme_color_jqv;
|
|
13
|
+
$hev: #bbb;
|
|
14
|
+
$hyn: rgb(255 255 255 / 50%);
|
|
15
|
+
$fxm: rgb(255 255 255 / 37.5%);
|
|
16
|
+
$nur: rgb(255 255 255 / 20.8%);
|
|
17
|
+
$yuv: rgb(255 255 255 / 60%);
|
|
18
|
+
$vqo: $theme_color_jqv;
|
|
19
|
+
$lpe: $theme_color_ynq;
|
|
20
|
+
$rbp: $black;
|
|
21
|
+
$tgp: $theme_color_ynq;
|
|
22
|
+
$mdc: #d9d9d9;
|
|
23
|
+
$yos: #9e61ef;
|
|
24
|
+
$nep: #90efff;
|
|
25
|
+
$htm: #ff974d;
|
|
26
|
+
$qgp: #1f90ff;
|
|
27
|
+
$hyv: #89ff84;
|
|
28
|
+
$ycp: #fbff12;
|
|
29
|
+
$iub: #2e8cff;
|
|
30
|
+
$cop: #4bfcff;
|
|
31
|
+
$yun: #14bf0a;
|
|
32
|
+
$ptn: #ff98f1;
|
|
33
|
+
$dwk: #d046e9;
|
|
34
|
+
$uzf: #ffae9e;
|
|
35
|
+
$hap: #f15f41;
|
|
36
|
+
$rqb: #ff5f66;
|
|
37
|
+
$thm: #ff9ea3;
|
|
38
|
+
$suc: #d0111a;
|
|
39
|
+
$pxd: #fff900;
|
|
40
|
+
$ksu: #67ff5f;
|
|
41
|
+
$upd: $theme_color_udl;
|
|
42
|
+
$fpw: $theme_color_udl;
|
|
43
|
+
$dfp: #29ab34;
|
|
44
|
+
$nqp: rgb(244 96 62 / 99%);
|
|
45
|
+
$hgb: rgb(255 77 85 / 99%);
|
|
46
|
+
$beu: rgb(255 255 255 / 75%);
|
|
@@ -26,6 +26,7 @@ $yuv: $theme_color_hbt;
|
|
|
26
26
|
$vqo: $theme_color_hbt;
|
|
27
27
|
$lpe: $theme_color_kdc;
|
|
28
28
|
$rbp: $theme_color_kdc;
|
|
29
|
+
$tgp: $theme_color_kdc;
|
|
29
30
|
$mdc: #b1b1b1;
|
|
30
31
|
$yos: $theme_color_uvr;
|
|
31
32
|
$nep: $theme_color_uvr;
|
|
@@ -46,7 +47,7 @@ $suc: $theme_color_yhn;
|
|
|
46
47
|
$pxd: $theme_color_kxn;
|
|
47
48
|
$ksu: $theme_color_tjn;
|
|
48
49
|
$upd: $theme_color_bvc;
|
|
49
|
-
$fpw: $
|
|
50
|
+
$fpw: $theme_color_bvc;
|
|
50
51
|
$dfp: #29394d;
|
|
51
52
|
$nqp: $theme_color_gsl;
|
|
52
53
|
$hgb: $theme_color_gsl;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
|
+
$theme_color_ynq: white;
|
|
1
2
|
$theme_color_jqv: rgb(255 255 255 / 0.1%);
|
|
2
3
|
$theme_color_udj: #19f4ff;
|
|
3
4
|
$theme_color_kvo: #4bff1f;
|
|
4
5
|
$theme_color_ftp: #fbff12;
|
|
5
6
|
$theme_color_oyq: #ff8400;
|
|
6
|
-
$htc:
|
|
7
|
+
$htc: $theme_color_ynq;
|
|
7
8
|
$tbn: $glass_color;
|
|
8
9
|
$gaq: #efefef;
|
|
9
|
-
|
|
10
|
-
$gqb:
|
|
11
|
-
linear-gradient(45deg, rgb(52 15 189) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%,
|
|
12
|
-
linear-gradient(135deg, rgb(241 22 168) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%,
|
|
13
|
-
linear-gradient(190deg, rgb(26 211 208) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%,
|
|
14
|
-
rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(163 34 203) 100%, rgb(9 245 5 / 0%) 70%) repeat
|
|
15
|
-
scroll 0% 0%;
|
|
10
|
+
$gqb: linear-gradient(128deg, #3d29d1 0%, #6b3b9b 100%);
|
|
16
11
|
$hfb: transparent;
|
|
17
12
|
$gvb: rgb(255 255 255 / 36%);
|
|
18
13
|
$npw: rgb(255 255 255 / 20%);
|
|
@@ -23,30 +18,31 @@ $fxm: rgb(255 255 255 / 37.5%);
|
|
|
23
18
|
$nur: rgb(255 255 255 / 20.8%);
|
|
24
19
|
$yuv: rgb(255 255 255 / 60%);
|
|
25
20
|
$vqo: $theme_color_jqv;
|
|
26
|
-
$lpe:
|
|
21
|
+
$lpe: $theme_color_ynq;
|
|
27
22
|
$rbp: $black;
|
|
23
|
+
$tgp: $theme_color_ynq;
|
|
28
24
|
$mdc: #d9d9d9;
|
|
29
|
-
$yos: #
|
|
25
|
+
$yos: #42b326;
|
|
30
26
|
$nep: #90efff;
|
|
31
|
-
$htm: #
|
|
32
|
-
$qgp: #
|
|
33
|
-
$hyv: #
|
|
34
|
-
$ycp: $
|
|
27
|
+
$htm: #ff974d;
|
|
28
|
+
$qgp: #1f90ff;
|
|
29
|
+
$hyv: #89ff84;
|
|
30
|
+
$ycp: $theme_color_ftp;
|
|
35
31
|
$iub: #2e8cff;
|
|
36
32
|
$cop: $theme_color_kvo;
|
|
37
33
|
$yun: #14bf0a;
|
|
38
|
-
$ptn: $
|
|
34
|
+
$ptn: $theme_color_udj;
|
|
39
35
|
$dwk: #d046e9;
|
|
40
36
|
$uzf: $theme_color_oyq;
|
|
41
|
-
$hap: #
|
|
42
|
-
$rqb: #
|
|
43
|
-
$thm: #
|
|
37
|
+
$hap: #f15f41;
|
|
38
|
+
$rqb: #ff5f66;
|
|
39
|
+
$thm: #ff9ea3;
|
|
44
40
|
$suc: #d0111a;
|
|
45
|
-
$pxd:
|
|
46
|
-
$ksu:
|
|
47
|
-
$upd: $
|
|
48
|
-
$fpw: $
|
|
49
|
-
$dfp: #
|
|
41
|
+
$pxd: #fff900;
|
|
42
|
+
$ksu: #67ff5f;
|
|
43
|
+
$upd: $theme_color_udj;
|
|
44
|
+
$fpw: $theme_color_udj;
|
|
45
|
+
$dfp: #4831df;
|
|
50
46
|
$nqp: rgb(244 96 62 / 99%);
|
|
51
47
|
$hgb: rgb(255 77 85 / 99%);
|
|
52
48
|
$beu: rgb(255 255 255 / 75%);
|
|
@@ -2,8 +2,8 @@ $theme_color_ynq: white;
|
|
|
2
2
|
$theme_color_ytb: #efefef;
|
|
3
3
|
$theme_color_hbt: #bbb;
|
|
4
4
|
$theme_color_kdc: $black;
|
|
5
|
-
$theme_color_ecm: #
|
|
6
|
-
$theme_color_uvr: #
|
|
5
|
+
$theme_color_ecm: #41ff73;
|
|
6
|
+
$theme_color_uvr: #72ebff;
|
|
7
7
|
$theme_color_kxn: #2e8cff;
|
|
8
8
|
$theme_color_tjn: #14bf0a;
|
|
9
9
|
$theme_color_bvc: #d046e9;
|
|
@@ -26,6 +26,7 @@ $yuv: $theme_color_hbt;
|
|
|
26
26
|
$vqo: $theme_color_hbt;
|
|
27
27
|
$lpe: $theme_color_kdc;
|
|
28
28
|
$rbp: $theme_color_kdc;
|
|
29
|
+
$tgp: $theme_color_ynq;
|
|
29
30
|
$mdc: #878787;
|
|
30
31
|
$yos: $theme_color_uvr;
|
|
31
32
|
$nep: $theme_color_uvr;
|
|
@@ -46,8 +47,8 @@ $suc: $theme_color_yhn;
|
|
|
46
47
|
$pxd: $theme_color_kxn;
|
|
47
48
|
$ksu: $theme_color_tjn;
|
|
48
49
|
$upd: $theme_color_bvc;
|
|
49
|
-
$fpw: $
|
|
50
|
-
$dfp: #
|
|
50
|
+
$fpw: $theme_color_bvc;
|
|
51
|
+
$dfp: #38a3ff;
|
|
51
52
|
$nqp: $theme_color_gsl;
|
|
52
53
|
$hgb: $theme_color_gsl;
|
|
53
54
|
$beu: rgb(255 255 255 / 75%);
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
$theme_color_ynq: white;
|
|
2
|
+
$theme_color_jqv: rgb(255 255 255 / 0.1%);
|
|
3
|
+
$theme_color_tdh: #67ff5f;
|
|
4
|
+
$theme_color_udj: #19f4ff;
|
|
5
|
+
$htc: $theme_color_ynq;
|
|
6
|
+
$tbn: $glass_color;
|
|
7
|
+
$gaq: #efefef;
|
|
8
|
+
$gqb: linear-gradient(128deg, #ad1734 0%, #97286a 100%);
|
|
9
|
+
$hfb: transparent;
|
|
10
|
+
$gvb: rgb(255 255 255 / 36%);
|
|
11
|
+
$npw: rgb(255 255 255 / 20%);
|
|
12
|
+
$hcx: $theme_color_jqv;
|
|
13
|
+
$hev: #bbb;
|
|
14
|
+
$hyn: rgb(255 255 255 / 50%);
|
|
15
|
+
$fxm: rgb(255 255 255 / 37.5%);
|
|
16
|
+
$nur: rgb(255 255 255 / 20.8%);
|
|
17
|
+
$yuv: rgb(255 255 255 / 60%);
|
|
18
|
+
$vqo: $theme_color_jqv;
|
|
19
|
+
$lpe: $theme_color_ynq;
|
|
20
|
+
$rbp: $black;
|
|
21
|
+
$tgp: $theme_color_ynq;
|
|
22
|
+
$mdc: #d9d9d9;
|
|
23
|
+
$yos: #42b326;
|
|
24
|
+
$nep: #90efff;
|
|
25
|
+
$htm: #ff974d;
|
|
26
|
+
$qgp: #1f90ff;
|
|
27
|
+
$hyv: #89ff84;
|
|
28
|
+
$ycp: #fbff12;
|
|
29
|
+
$iub: #2e8cff;
|
|
30
|
+
$cop: $theme_color_tdh;
|
|
31
|
+
$yun: #14bf0a;
|
|
32
|
+
$ptn: #1a44ff;
|
|
33
|
+
$dwk: #d046e9;
|
|
34
|
+
$uzf: #4bfcff;
|
|
35
|
+
$hap: #f15f41;
|
|
36
|
+
$rqb: #ff8513;
|
|
37
|
+
$thm: #ffa78f;
|
|
38
|
+
$suc: #d0111a;
|
|
39
|
+
$pxd: #fff900;
|
|
40
|
+
$ksu: $theme_color_tdh;
|
|
41
|
+
$upd: $theme_color_udj;
|
|
42
|
+
$fpw: $theme_color_udj;
|
|
43
|
+
$dfp: #c71538;
|
|
44
|
+
$nqp: rgb(255 84 169 / 99%);
|
|
45
|
+
$hgb: rgb(255 77 85 / 99%);
|
|
46
|
+
$beu: rgb(255 255 255 / 75%);
|
|
@@ -26,6 +26,7 @@ $yuv: $theme_color_hbt;
|
|
|
26
26
|
$vqo: $theme_color_hbt;
|
|
27
27
|
$lpe: $theme_color_kdc;
|
|
28
28
|
$rbp: $theme_color_kdc;
|
|
29
|
+
$tgp: $theme_color_kdc;
|
|
29
30
|
$mdc: #8d8d8d;
|
|
30
31
|
$yos: $theme_color_uvr;
|
|
31
32
|
$nep: $theme_color_uvr;
|
|
@@ -46,7 +47,7 @@ $suc: $theme_color_yhn;
|
|
|
46
47
|
$pxd: $theme_color_kxn;
|
|
47
48
|
$ksu: $theme_color_tjn;
|
|
48
49
|
$upd: $theme_color_bvc;
|
|
49
|
-
$fpw: $
|
|
50
|
+
$fpw: $theme_color_bvc;
|
|
50
51
|
$dfp: #0f1721;
|
|
51
52
|
$nqp: $theme_color_gsl;
|
|
52
53
|
$hgb: $theme_color_gsl;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@import '../../vars';
|
|
2
|
-
@import '../../mixins';
|
|
3
|
-
@import '../../functions';
|
|
4
|
-
@import '../colors/dark';
|
|
5
|
-
@import 'template';
|
|
6
|
-
|
|
7
|
-
.main_2 {
|
|
8
|
-
box-shadow: $blue_neon_dark;
|
|
9
|
-
}
|
|
1
|
+
@import '../../vars';
|
|
2
|
+
@import '../../mixins';
|
|
3
|
+
@import '../../functions';
|
|
4
|
+
@import '../colors/dark';
|
|
5
|
+
@import 'template';
|
|
6
|
+
|
|
7
|
+
.main_2 {
|
|
8
|
+
box-shadow: $blue_neon_dark;
|
|
9
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@import '../../vars';
|
|
2
|
-
@import '../../mixins';
|
|
3
|
-
@import '../../functions';
|
|
4
|
-
@import '../colors/light';
|
|
5
|
-
@import 'template';
|
|
6
|
-
|
|
7
|
-
.main_2 {
|
|
8
|
-
box-shadow: $black_shadow;
|
|
9
|
-
}
|
|
1
|
+
@import '../../vars';
|
|
2
|
+
@import '../../mixins';
|
|
3
|
+
@import '../../functions';
|
|
4
|
+
@import '../colors/light';
|
|
5
|
+
@import 'template';
|
|
6
|
+
|
|
7
|
+
.main_2 {
|
|
8
|
+
box-shadow: $black_shadow;
|
|
9
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@import '../../vars';
|
|
2
|
-
@import '../../mixins';
|
|
3
|
-
@import '../../functions';
|
|
4
|
-
@import '../colors/very_dark';
|
|
5
|
-
@import 'template';
|
|
6
|
-
|
|
7
|
-
.main_2 {
|
|
8
|
-
box-shadow: $blue_neon_very_dark;
|
|
9
|
-
}
|
|
1
|
+
@import '../../vars';
|
|
2
|
+
@import '../../mixins';
|
|
3
|
+
@import '../../functions';
|
|
4
|
+
@import '../colors/very_dark';
|
|
5
|
+
@import 'template';
|
|
6
|
+
|
|
7
|
+
.main_2 {
|
|
8
|
+
box-shadow: $blue_neon_very_dark;
|
|
9
|
+
}
|
package/scss/shared/vars.scss
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
$scrollbar_width: 17px;
|
|
2
|
-
$font_main: 17px;
|
|
3
|
-
$font_big: 24px;
|
|
4
|
-
$font_small: 13px;
|
|
5
|
-
$gap: 10px;
|
|
6
|
-
$gap_small: 4px;
|
|
7
|
-
$border_width: 1px;
|
|
8
|
-
$input_height: 28px;
|
|
9
|
-
$color_input_height: $input_height + ($border_width * 4) - 2;
|
|
10
|
-
$input_content_gap: 8px;
|
|
11
|
-
$input_inner_padding: 7px;
|
|
12
|
-
$input_content_gap_2: $input_content_gap - ($border_width * 2);
|
|
13
|
-
$main_margin: 16px;
|
|
14
|
-
$ext_name_offset: 7px;
|
|
15
|
-
$main_margin_2: $main_margin * 2;
|
|
16
|
-
$main_margin_4: $main_margin * 4;
|
|
17
|
-
$black: #212121;
|
|
18
|
-
$yellow: #fbff75;
|
|
19
|
-
$light_orange: #fff7c7;
|
|
20
|
-
$blue: #3892ff;
|
|
21
|
-
$black_shadow:
|
|
22
|
-
rgb(0 0 0 / 30%) 0 0 30px,
|
|
23
|
-
rgb(0 0 0 / 30%) 0 4px 8px;
|
|
24
|
-
$black_shadow_2: 0 20px 30px rgb(0 0 0 / 20%);
|
|
25
|
-
$blue_neon_dark:
|
|
26
|
-
rgb(0 115 255 / 100%) 0 0 33px,
|
|
27
|
-
rgb(255 255 255 / 40%) 0 0 10px;
|
|
28
|
-
$blue_neon_very_dark:
|
|
29
|
-
rgb(0 102 255 / 85%) 0 0 36px,
|
|
30
|
-
rgb(255 255 255 / 40%) 0 0 10px;
|
|
31
|
-
$glass_color: rgb(255 255 255 / 20%);
|
|
32
|
-
$glass_blur: blur(8px);
|
|
1
|
+
$scrollbar_width: 17px;
|
|
2
|
+
$font_main: 17px;
|
|
3
|
+
$font_big: 24px;
|
|
4
|
+
$font_small: 13px;
|
|
5
|
+
$gap: 10px;
|
|
6
|
+
$gap_small: 4px;
|
|
7
|
+
$border_width: 1px;
|
|
8
|
+
$input_height: 28px;
|
|
9
|
+
$color_input_height: $input_height + ($border_width * 4) - 2;
|
|
10
|
+
$input_content_gap: 8px;
|
|
11
|
+
$input_inner_padding: 7px;
|
|
12
|
+
$input_content_gap_2: $input_content_gap - ($border_width * 2);
|
|
13
|
+
$main_margin: 16px;
|
|
14
|
+
$ext_name_offset: 7px;
|
|
15
|
+
$main_margin_2: $main_margin * 2;
|
|
16
|
+
$main_margin_4: $main_margin * 4;
|
|
17
|
+
$black: #212121;
|
|
18
|
+
$yellow: #fbff75;
|
|
19
|
+
$light_orange: #fff7c7;
|
|
20
|
+
$blue: #3892ff;
|
|
21
|
+
$black_shadow:
|
|
22
|
+
rgb(0 0 0 / 30%) 0 0 30px,
|
|
23
|
+
rgb(0 0 0 / 30%) 0 4px 8px;
|
|
24
|
+
$black_shadow_2: 0 20px 30px rgb(0 0 0 / 20%);
|
|
25
|
+
$blue_neon_dark:
|
|
26
|
+
rgb(0 115 255 / 100%) 0 0 33px,
|
|
27
|
+
rgb(255 255 255 / 40%) 0 0 10px;
|
|
28
|
+
$blue_neon_very_dark:
|
|
29
|
+
rgb(0 102 255 / 85%) 0 0 36px,
|
|
30
|
+
rgb(255 255 255 / 40%) 0 0 10px;
|
|
31
|
+
$glass_color: rgb(255 255 255 / 20%);
|
|
32
|
+
$glass_blur: blur(8px);
|