finsignal-feed-explore 3.6.7 → 3.6.9
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/dist/FeedList.css +7 -7
- package/dist/components/SearchInput.css +31 -28
- package/dist/components/SearchInput.css.map +1 -1
- package/dist/components/SearchInput.js +1 -1
- package/dist/components/SearchInput.js.map +1 -1
- package/dist/filters/FiltersOverlay.css +7 -7
- package/dist/newsfeed.css +7 -7
- package/dist/snippets/NewsSnippet.css +7 -7
- package/dist/styles/globals.css +7 -7
- package/package.json +1 -1
package/dist/FeedList.css
CHANGED
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
--news-action-hover: rgba(4, 4, 5, 0.06);
|
|
20
20
|
--black-inverse-a56: rgba(4, 4, 5, 0.56);
|
|
21
21
|
/* Search input colors */
|
|
22
|
-
--search-input-bg:
|
|
23
|
-
--search-input-border:
|
|
22
|
+
--search-input-bg: rgba(4, 4, 5, 0.06);
|
|
23
|
+
--search-input-border: rgba(4, 4, 5, 0.12);
|
|
24
24
|
--search-input-text: #242429;
|
|
25
|
-
--search-input-placeholder:
|
|
26
|
-
--search-icon-color:
|
|
25
|
+
--search-input-placeholder: rgba(4, 4, 5, 0.56);
|
|
26
|
+
--search-icon-color: rgba(4, 4, 5, 0.56);
|
|
27
27
|
--search-clear-color: rgba(4, 4, 5, 0.32);
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
--news-action-hover: rgba(255, 255, 255, 0.06);
|
|
44
44
|
--black-inverse-a56: rgba(255, 255, 255, 0.6);
|
|
45
45
|
/* Search input colors - dark theme */
|
|
46
|
-
--search-input-bg: rgba(255, 255, 255, 0.
|
|
46
|
+
--search-input-bg: rgba(255, 255, 255, 0.06);
|
|
47
47
|
--search-input-border: rgba(255, 255, 255, 0.12);
|
|
48
48
|
--search-input-text: #ffffff;
|
|
49
|
-
--search-input-placeholder: rgba(255, 255, 255, 0.
|
|
50
|
-
--search-icon-color: rgba(255, 255, 255, 0.
|
|
49
|
+
--search-input-placeholder: rgba(255, 255, 255, 0.56);
|
|
50
|
+
--search-icon-color: rgba(255, 255, 255, 0.56);
|
|
51
51
|
--search-clear-color: rgba(255, 255, 255, 0.32);
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -12,56 +12,56 @@
|
|
|
12
12
|
flex: 1;
|
|
13
13
|
display: flex;
|
|
14
14
|
align-items: center;
|
|
15
|
+
min-height: 32px;
|
|
16
|
+
max-height: 32px;
|
|
17
|
+
padding: 0 6px;
|
|
18
|
+
gap: 6px;
|
|
19
|
+
border-radius: 4px;
|
|
20
|
+
border: 1px solid var(--search-input-border);
|
|
21
|
+
background: var(--search-input-bg);
|
|
22
|
+
transition: all 0.2s ease;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.search-input-container:focus-within {
|
|
26
|
+
border-color: #7863F6;
|
|
27
|
+
box-shadow: 0 0 0 3px rgba(120, 99, 246, 0.1);
|
|
15
28
|
}
|
|
16
29
|
|
|
17
30
|
/* Search icon */
|
|
18
31
|
.search-input__icon {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
transform: translateY(-50%);
|
|
23
|
-
width: 20px;
|
|
24
|
-
height: 20px;
|
|
32
|
+
flex-shrink: 0;
|
|
33
|
+
width: 16px;
|
|
34
|
+
height: 16px;
|
|
25
35
|
display: flex;
|
|
26
36
|
align-items: center;
|
|
27
37
|
justify-content: center;
|
|
28
38
|
pointer-events: none;
|
|
29
|
-
z-index: 1;
|
|
30
39
|
}
|
|
31
40
|
|
|
32
41
|
/* Input field */
|
|
33
42
|
.search-input__field {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
border
|
|
43
|
+
flex: 1;
|
|
44
|
+
min-width: 0;
|
|
45
|
+
height: 100%;
|
|
46
|
+
padding: 0;
|
|
47
|
+
background: transparent;
|
|
48
|
+
border: none;
|
|
40
49
|
font-family: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
|
|
41
50
|
font-size: 12px;
|
|
42
51
|
line-height: 20px;
|
|
43
52
|
color: var(--search-input-text);
|
|
44
53
|
outline: none;
|
|
45
|
-
transition: all 0.2s ease;
|
|
46
54
|
}
|
|
47
55
|
|
|
48
56
|
.search-input__field::placeholder {
|
|
49
57
|
color: var(--search-input-placeholder);
|
|
50
58
|
}
|
|
51
59
|
|
|
52
|
-
.search-input__field:focus {
|
|
53
|
-
border-color: #7863F6;
|
|
54
|
-
box-shadow: 0 0 0 3px rgba(120, 99, 246, 0.1);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
60
|
/* Clear button */
|
|
58
61
|
.search-input__clear {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
transform: translateY(-50%);
|
|
63
|
-
width: 20px;
|
|
64
|
-
height: 20px;
|
|
62
|
+
flex-shrink: 0;
|
|
63
|
+
width: 17px;
|
|
64
|
+
height: 17px;
|
|
65
65
|
display: flex;
|
|
66
66
|
align-items: center;
|
|
67
67
|
justify-content: center;
|
|
@@ -70,7 +70,6 @@
|
|
|
70
70
|
background: transparent;
|
|
71
71
|
cursor: pointer;
|
|
72
72
|
transition: opacity 0.2s ease;
|
|
73
|
-
z-index: 1;
|
|
74
73
|
}
|
|
75
74
|
|
|
76
75
|
.search-input__clear:hover {
|
|
@@ -83,8 +82,12 @@
|
|
|
83
82
|
|
|
84
83
|
/* Cancel button */
|
|
85
84
|
.search-input__cancel {
|
|
85
|
+
display: flex;
|
|
86
|
+
padding: 8px 12px;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
align-items: center;
|
|
89
|
+
gap: 0;
|
|
86
90
|
flex-shrink: 0;
|
|
87
|
-
padding: 0;
|
|
88
91
|
border: none;
|
|
89
92
|
background: transparent;
|
|
90
93
|
font-family: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
|
|
@@ -92,7 +95,7 @@
|
|
|
92
95
|
font-size: 12px;
|
|
93
96
|
line-height: 16px;
|
|
94
97
|
letter-spacing: -0.2px;
|
|
95
|
-
color:
|
|
98
|
+
color: var(--black-inverse-a56);
|
|
96
99
|
text-align: center;
|
|
97
100
|
cursor: pointer;
|
|
98
101
|
white-space: nowrap;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/SearchInput.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/SearchInput.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"SearchInput.css"}
|
|
@@ -14,6 +14,6 @@ export const SearchInput = ({ value, onChange, onCancel, placeholder = 'Search n
|
|
|
14
14
|
value && (React.createElement("button", { onClick: handleClear, className: "search-input__clear", "aria-label": "Clear search", style: { color: 'var(--search-clear-color)' } },
|
|
15
15
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", fill: "none" },
|
|
16
16
|
React.createElement("path", { d: "M8.33334 0C6.68516 0 5.07399 0.488742 3.70358 1.40442C2.33318 2.3201 1.26507 3.62159 0.634341 5.14431C0.0036107 6.66702 -0.161417 8.34258 0.160126 9.95909C0.48167 11.5756 1.27534 13.0605 2.44078 14.2259C3.60622 15.3913 5.09108 16.185 6.70758 16.5065C8.32409 16.8281 9.99965 16.6631 11.5224 16.0323C13.0451 15.4016 14.3466 14.3335 15.2622 12.9631C16.1779 11.5927 16.6667 9.98151 16.6667 8.33333C16.6631 6.12428 15.784 4.00671 14.222 2.44467C12.66 0.882632 10.5424 0.00352603 8.33334 0ZM11.1333 10.25C11.2496 10.3676 11.3148 10.5263 11.3148 10.6917C11.3148 10.857 11.2496 11.0157 11.1333 11.1333C11.0754 11.1915 11.0066 11.2376 10.9308 11.2691C10.855 11.3006 10.7737 11.3168 10.6917 11.3168C10.6096 11.3168 10.5283 11.3006 10.4525 11.2691C10.3767 11.2376 10.3079 11.1915 10.25 11.1333L8.33334 9.21667L6.41667 11.1333C6.35876 11.1915 6.28993 11.2376 6.21413 11.2691C6.13834 11.3006 6.05708 11.3168 5.975 11.3168C5.89293 11.3168 5.81167 11.3006 5.73587 11.2691C5.66008 11.2376 5.59125 11.1915 5.53334 11.1333C5.4171 11.0157 5.35192 10.857 5.35192 10.6917C5.35192 10.5263 5.4171 10.3676 5.53334 10.25L7.45 8.33333L5.53334 6.41667C5.42294 6.29819 5.36283 6.14148 5.36569 5.97956C5.36855 5.81765 5.43414 5.66316 5.54865 5.54865C5.66316 5.43414 5.81765 5.36854 5.97957 5.36569C6.14149 5.36283 6.29819 5.42293 6.41667 5.53333L8.33334 7.45L10.25 5.53333C10.3685 5.42293 10.5252 5.36283 10.6871 5.36569C10.849 5.36854 11.0035 5.43414 11.118 5.54865C11.2325 5.66316 11.2981 5.81765 11.301 5.97956C11.3038 6.14148 11.2437 6.29819 11.1333 6.41667L9.21667 8.33333L11.1333 10.25Z", fill: "currentColor" }))))),
|
|
17
|
-
React.createElement("button", { onClick: onCancel, className: "search-input__cancel" }, "
|
|
17
|
+
React.createElement("button", { onClick: onCancel, className: "search-input__cancel" }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C")));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/components/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AA6C3B,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,gBAAgB,EAC9B,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB,SAAS,EAAE;QACjD,6BAAK,SAAS,EAAC,wBAAwB;YAErC,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE;oBAE5C,8BACE,CAAC,EAAC,+KAA+K,EACjL,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;oBACF,8BACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACF;YAGN,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,qBAAqB,GAC/B;YAGD,KAAK,IAAI,CACR,gCACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,qBAAqB,gBACpB,cAAc,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE;gBAE7C,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;oBAEX,8BACE,CAAC,EAAC,6hDAA6hD,EAC/hD,IAAI,EAAC,cAAc,GACnB,CACE,CACC,CACV,CACG;QAGN,gCACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/components/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AA6C3B,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,gBAAgB,EAC9B,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB,SAAS,EAAE;QACjD,6BAAK,SAAS,EAAC,wBAAwB;YAErC,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE;oBAE5C,8BACE,CAAC,EAAC,+KAA+K,EACjL,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;oBACF,8BACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACF;YAGN,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,qBAAqB,GAC/B;YAGD,KAAK,IAAI,CACR,gCACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,qBAAqB,gBACpB,cAAc,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE;gBAE7C,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;oBAEX,8BACE,CAAC,EAAC,6hDAA6hD,EAC/hD,IAAI,EAAC,cAAc,GACnB,CACE,CACC,CACV,CACG;QAGN,gCACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,sBAAsB,iDAGzB,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
--news-action-hover: rgba(4, 4, 5, 0.06);
|
|
17
17
|
--black-inverse-a56: rgba(4, 4, 5, 0.56);
|
|
18
18
|
/* Search input colors */
|
|
19
|
-
--search-input-bg:
|
|
20
|
-
--search-input-border:
|
|
19
|
+
--search-input-bg: rgba(4, 4, 5, 0.06);
|
|
20
|
+
--search-input-border: rgba(4, 4, 5, 0.12);
|
|
21
21
|
--search-input-text: #242429;
|
|
22
|
-
--search-input-placeholder:
|
|
23
|
-
--search-icon-color:
|
|
22
|
+
--search-input-placeholder: rgba(4, 4, 5, 0.56);
|
|
23
|
+
--search-icon-color: rgba(4, 4, 5, 0.56);
|
|
24
24
|
--search-clear-color: rgba(4, 4, 5, 0.32);
|
|
25
25
|
}
|
|
26
26
|
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
--news-action-hover: rgba(255, 255, 255, 0.06);
|
|
41
41
|
--black-inverse-a56: rgba(255, 255, 255, 0.6);
|
|
42
42
|
/* Search input colors - dark theme */
|
|
43
|
-
--search-input-bg: rgba(255, 255, 255, 0.
|
|
43
|
+
--search-input-bg: rgba(255, 255, 255, 0.06);
|
|
44
44
|
--search-input-border: rgba(255, 255, 255, 0.12);
|
|
45
45
|
--search-input-text: #ffffff;
|
|
46
|
-
--search-input-placeholder: rgba(255, 255, 255, 0.
|
|
47
|
-
--search-icon-color: rgba(255, 255, 255, 0.
|
|
46
|
+
--search-input-placeholder: rgba(255, 255, 255, 0.56);
|
|
47
|
+
--search-icon-color: rgba(255, 255, 255, 0.56);
|
|
48
48
|
--search-clear-color: rgba(255, 255, 255, 0.32);
|
|
49
49
|
}
|
|
50
50
|
|
package/dist/newsfeed.css
CHANGED
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
--news-action-hover: rgba(4, 4, 5, 0.06);
|
|
20
20
|
--black-inverse-a56: rgba(4, 4, 5, 0.56);
|
|
21
21
|
/* Search input colors */
|
|
22
|
-
--search-input-bg:
|
|
23
|
-
--search-input-border:
|
|
22
|
+
--search-input-bg: rgba(4, 4, 5, 0.06);
|
|
23
|
+
--search-input-border: rgba(4, 4, 5, 0.12);
|
|
24
24
|
--search-input-text: #242429;
|
|
25
|
-
--search-input-placeholder:
|
|
26
|
-
--search-icon-color:
|
|
25
|
+
--search-input-placeholder: rgba(4, 4, 5, 0.56);
|
|
26
|
+
--search-icon-color: rgba(4, 4, 5, 0.56);
|
|
27
27
|
--search-clear-color: rgba(4, 4, 5, 0.32);
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
--news-action-hover: rgba(255, 255, 255, 0.06);
|
|
44
44
|
--black-inverse-a56: rgba(255, 255, 255, 0.6);
|
|
45
45
|
/* Search input colors - dark theme */
|
|
46
|
-
--search-input-bg: rgba(255, 255, 255, 0.
|
|
46
|
+
--search-input-bg: rgba(255, 255, 255, 0.06);
|
|
47
47
|
--search-input-border: rgba(255, 255, 255, 0.12);
|
|
48
48
|
--search-input-text: #ffffff;
|
|
49
|
-
--search-input-placeholder: rgba(255, 255, 255, 0.
|
|
50
|
-
--search-icon-color: rgba(255, 255, 255, 0.
|
|
49
|
+
--search-input-placeholder: rgba(255, 255, 255, 0.56);
|
|
50
|
+
--search-icon-color: rgba(255, 255, 255, 0.56);
|
|
51
51
|
--search-clear-color: rgba(255, 255, 255, 0.32);
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
--news-action-hover: rgba(4, 4, 5, 0.06);
|
|
18
18
|
--black-inverse-a56: rgba(4, 4, 5, 0.56);
|
|
19
19
|
/* Search input colors */
|
|
20
|
-
--search-input-bg:
|
|
21
|
-
--search-input-border:
|
|
20
|
+
--search-input-bg: rgba(4, 4, 5, 0.06);
|
|
21
|
+
--search-input-border: rgba(4, 4, 5, 0.12);
|
|
22
22
|
--search-input-text: #242429;
|
|
23
|
-
--search-input-placeholder:
|
|
24
|
-
--search-icon-color:
|
|
23
|
+
--search-input-placeholder: rgba(4, 4, 5, 0.56);
|
|
24
|
+
--search-icon-color: rgba(4, 4, 5, 0.56);
|
|
25
25
|
--search-clear-color: rgba(4, 4, 5, 0.32);
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
--news-action-hover: rgba(255, 255, 255, 0.06);
|
|
42
42
|
--black-inverse-a56: rgba(255, 255, 255, 0.6);
|
|
43
43
|
/* Search input colors - dark theme */
|
|
44
|
-
--search-input-bg: rgba(255, 255, 255, 0.
|
|
44
|
+
--search-input-bg: rgba(255, 255, 255, 0.06);
|
|
45
45
|
--search-input-border: rgba(255, 255, 255, 0.12);
|
|
46
46
|
--search-input-text: #ffffff;
|
|
47
|
-
--search-input-placeholder: rgba(255, 255, 255, 0.
|
|
48
|
-
--search-icon-color: rgba(255, 255, 255, 0.
|
|
47
|
+
--search-input-placeholder: rgba(255, 255, 255, 0.56);
|
|
48
|
+
--search-icon-color: rgba(255, 255, 255, 0.56);
|
|
49
49
|
--search-clear-color: rgba(255, 255, 255, 0.32);
|
|
50
50
|
}
|
|
51
51
|
|
package/dist/styles/globals.css
CHANGED
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
--news-action-hover: rgba(4, 4, 5, 0.06);
|
|
16
16
|
--black-inverse-a56: rgba(4, 4, 5, 0.56);
|
|
17
17
|
/* Search input colors */
|
|
18
|
-
--search-input-bg:
|
|
19
|
-
--search-input-border:
|
|
18
|
+
--search-input-bg: rgba(4, 4, 5, 0.06);
|
|
19
|
+
--search-input-border: rgba(4, 4, 5, 0.12);
|
|
20
20
|
--search-input-text: #242429;
|
|
21
|
-
--search-input-placeholder:
|
|
22
|
-
--search-icon-color:
|
|
21
|
+
--search-input-placeholder: rgba(4, 4, 5, 0.56);
|
|
22
|
+
--search-icon-color: rgba(4, 4, 5, 0.56);
|
|
23
23
|
--search-clear-color: rgba(4, 4, 5, 0.32);
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -39,11 +39,11 @@
|
|
|
39
39
|
--news-action-hover: rgba(255, 255, 255, 0.06);
|
|
40
40
|
--black-inverse-a56: rgba(255, 255, 255, 0.6);
|
|
41
41
|
/* Search input colors - dark theme */
|
|
42
|
-
--search-input-bg: rgba(255, 255, 255, 0.
|
|
42
|
+
--search-input-bg: rgba(255, 255, 255, 0.06);
|
|
43
43
|
--search-input-border: rgba(255, 255, 255, 0.12);
|
|
44
44
|
--search-input-text: #ffffff;
|
|
45
|
-
--search-input-placeholder: rgba(255, 255, 255, 0.
|
|
46
|
-
--search-icon-color: rgba(255, 255, 255, 0.
|
|
45
|
+
--search-input-placeholder: rgba(255, 255, 255, 0.56);
|
|
46
|
+
--search-icon-color: rgba(255, 255, 255, 0.56);
|
|
47
47
|
--search-clear-color: rgba(255, 255, 255, 0.32);
|
|
48
48
|
}
|
|
49
49
|
|