ros.grant.common 2.0.1432 → 2.0.1434
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/Shared/Styles/Modules/Input/CustomInput.less +0 -3
- package/Shared/Styles/Modules/Input/inputbox.less +0 -1
- package/Shared/Styles/ThemeVariables.less +209 -209
- package/Shared/Styles/Themes/Absolute/AbsoluteThemeTokenVariables.less +59 -0
- package/Shared/Styles/Themes/Black Green/BlackGreenThemeTokenVariables.less +56 -0
- package/Shared/Styles/Themes/Blue/BlueThemeTokenVariables.less +56 -0
- package/Shared/Styles/Themes/Brown/BrownThemeTokenVariables.less +56 -0
- package/Shared/Styles/Themes/Constructor/ConstructorThemeTokenVariables.less +57 -0
- package/Shared/Styles/Themes/Dark Gray/DarkGrayThemeTokenVariables.less +54 -0
- package/Shared/Styles/Themes/Default/DefaultThemeTokenVariables.less +55 -0
- package/Shared/Styles/Themes/Minfin/MinfinThemeTokenVariables.less +11 -9
- package/Shared/Styles/Themes/Pink/PinkThemeTokenVariables.less +56 -0
- package/Shared/Styles/Themes/Red/RedThemeTokenVariables.less +56 -0
- package/Shared/Styles/Themes/Turquoise/TurquoiseThemeTokenVariables.less +55 -0
- package/Shared/Styles/Themes/VTB/VTBThemeTokenVariables.less +11 -8
- package/Shared/Styles/Themes/Yellow/YellowThemeTokenVariables.less +54 -0
- package/Shared/Styles/Tokens/colorThemeAbsolute.less +21 -19
- package/Shared/Styles/Tokens/colorThemeBlackGreen.less +23 -21
- package/Shared/Styles/Tokens/colorThemeBlue.less +23 -21
- package/Shared/Styles/Tokens/colorThemeBrown.less +21 -19
- package/Shared/Styles/Tokens/colorThemeDefault.less +20 -18
- package/Shared/Styles/Tokens/colorThemeMinfin.less +17 -15
- package/Shared/Styles/Tokens/colorThemePink.less +26 -24
- package/Shared/Styles/Tokens/colorThemeRed.less +23 -21
- package/Shared/Styles/Tokens/colorThemeTurquoise.less +21 -19
- package/Shared/Styles/Tokens/colorThemeVtb.less +17 -15
- package/Shared/Styles/Tokens/colorThemeYellow.less +20 -18
- package/Shared/Styles/Tokens/generalThemes.less +5 -2
- package/Shared/Styles/Tokens/typeThemeOpenMontserrat.less +1 -1
- package/Shared/Styles/Tokens/typeThemeProximaNova.less +2 -2
- package/Shared/Styles/Tokens/typeThemePtSans.less +2 -2
- package/Shared/Styles/Tokens/typeThemeTenor.less +1 -1
- package/Shared/Styles/Tokens/typeThemeVtb.less +1 -1
- package/package.json +1 -1
|
@@ -20,8 +20,6 @@
|
|
|
20
20
|
min-height: 48px;
|
|
21
21
|
padding: 12px 16px;
|
|
22
22
|
font-family: 'PT Sans', sans-serif;
|
|
23
|
-
-webkit-transition: all .3s ease-in-out;
|
|
24
|
-
transition: all .3s ease-in-out;
|
|
25
23
|
-webkit-appearance: none;
|
|
26
24
|
overflow: auto; //Remove the default vertical scrollbar in IE.
|
|
27
25
|
resize: none;
|
|
@@ -30,7 +28,6 @@
|
|
|
30
28
|
//Имя аттрибута используется в CustomTextAreaInputTagHelper
|
|
31
29
|
&:not([autoheight='true']) {
|
|
32
30
|
height: 100%;
|
|
33
|
-
max-height: 110px;
|
|
34
31
|
}
|
|
35
32
|
|
|
36
33
|
&[readonly] {
|
|
@@ -1,122 +1,122 @@
|
|
|
1
|
-
.page-wrapper.absolute-theme {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.page-wrapper.black-green-theme {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.page-wrapper.blue-theme {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.page-wrapper.brown-theme {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.page-wrapper.constructor-theme {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.page-wrapper.dark-gray-theme {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.page-wrapper.default-theme {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.page-wrapper.pink-theme {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.page-wrapper.red-theme {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.page-wrapper.yellow-theme {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}
|
|
1
|
+
// .page-wrapper.absolute-theme {
|
|
2
|
+
// --Main1: #1D3E6F; // - заголовки,текст,иконки,стрелки
|
|
3
|
+
// --Main2: #FFDF6B; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
4
|
+
// --Subsidiary: #D0A300; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
5
|
+
// --Secondary: #9193AC; // - подписи инпутов, название неактивных кнопок
|
|
6
|
+
// --Bg1: #E9ECF1; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
7
|
+
// --Bg2: #FEF4D0; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
8
|
+
// --Stroke: #DAD5CE;
|
|
9
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
10
|
+
// --Icon: #575757;
|
|
11
|
+
// }
|
|
12
|
+
|
|
13
|
+
// .page-wrapper.black-green-theme {
|
|
14
|
+
// --Main1: #393442; // - заголовки,текст,иконки,футтер
|
|
15
|
+
// --Main2: #3A8841; // - кнопки, обводка у второстепенных кнопок, наведения/активные чекбоксы радиобатоны свитчи, акцентные иконки
|
|
16
|
+
// --Subsidiary: #277647; // - текст и иконки на Bg 2,наведение на кнопки, наведение на иконки
|
|
17
|
+
// --Secondary: #8F859F; // - подписи инпутов, название неактивных кнопок, второстепенный текст
|
|
18
|
+
// --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
19
|
+
// --Bg2: #F7FCFC; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
20
|
+
// --Stroke: #DAD5CE; // - цвет всех границ(бордеров)
|
|
21
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
22
|
+
// --Icon: #575757;
|
|
23
|
+
// }
|
|
24
|
+
|
|
25
|
+
// .page-wrapper.blue-theme {
|
|
26
|
+
// --Main1: #2C2C2C; // - заголовки,текст,иконки,стрелки
|
|
27
|
+
// --Main2: #358FE2; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
28
|
+
// --Subsidiary: #2C659A; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
29
|
+
// --Secondary: #9DA1AB; // - подписи инпутов, название неактивных кнопок
|
|
30
|
+
// --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
31
|
+
// --Bg2: #F1F6F8; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
32
|
+
// --Stroke: #DAD5CE;
|
|
33
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
34
|
+
// --Icon: #4d5157;
|
|
35
|
+
// }
|
|
36
|
+
|
|
37
|
+
// .page-wrapper.brown-theme {
|
|
38
|
+
// --Main1: #3F2512; // - заголовки,текст,иконки,стрелки
|
|
39
|
+
// --Main2: #3F2512; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
40
|
+
// --Subsidiary: #775942; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
41
|
+
// --Secondary: #777777; // - подписи инпутов, название неактивных кнопок
|
|
42
|
+
// --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
43
|
+
// --Bg2: #E8E0D9; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
44
|
+
// --Stroke: #DAD5CE;
|
|
45
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
46
|
+
// --Icon: #575757;
|
|
47
|
+
// }
|
|
48
|
+
|
|
49
|
+
// .page-wrapper.constructor-theme {
|
|
50
|
+
// --Main1: #3B4357; // - заголовки,текст,иконки,стрелки
|
|
51
|
+
// --Main2: #2E8DDE; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
52
|
+
// --Subsidiary: #28669D; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
53
|
+
// --Secondary: #DAD5CE; // - подписи инпутов, название неактивных кнопок
|
|
54
|
+
// --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
55
|
+
// --Bg2: #FAFAFA; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
56
|
+
// --Stroke: #DAD5CE; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
57
|
+
// --StrokeHover: #CDCCCA; // - цвет границ инпутов при наведении и в фокусе
|
|
58
|
+
// --Icon: #575757;
|
|
59
|
+
// }
|
|
60
|
+
|
|
61
|
+
// .page-wrapper.dark-gray-theme {
|
|
62
|
+
// --Main1: #2A3143; // - заголовки,текст,иконки,стрелки
|
|
63
|
+
// --Main2: #555A69; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
64
|
+
// --Subsidiary: #9DA1AB; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
65
|
+
// --Secondary: #DAD5CE; // - подписи инпутов, название неактивных кнопок
|
|
66
|
+
// --Bg1: #F7F7F7; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
67
|
+
// --Bg2: #F0F0F2; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
68
|
+
// --Stroke: #DAD5CE; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
69
|
+
// --Icon: #575757;
|
|
70
|
+
// }
|
|
71
|
+
|
|
72
|
+
// .page-wrapper.default-theme {
|
|
73
|
+
// --Main1: #282828; // - заголовки,текст,иконки,стрелки
|
|
74
|
+
// --Main2: #A9967D; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
75
|
+
// --Subsidiary: #624E33; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
76
|
+
// --Secondary: #9F9F9F; // - подписи инпутов, название неактивных кнопок
|
|
77
|
+
// --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
78
|
+
// --Bg2: #FBF5EE; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
79
|
+
// --Stroke: #DAD5CE; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
80
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
81
|
+
// --Icon: #575757;
|
|
82
|
+
// }
|
|
83
|
+
|
|
84
|
+
// .page-wrapper.pink-theme {
|
|
85
|
+
// --Main1: #000000; // - заголовки,текст,иконки,стрелки
|
|
86
|
+
// --Main2: #FA758D; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
87
|
+
// --Main3: #A9967D; // - Дополнительный цвет для меню (.side-menu-nav__item__fill-info)
|
|
88
|
+
// --Subsidiary: #CD1C11; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
89
|
+
// --Secondary: #838383; // - подписи инпутов, название неактивных кнопок
|
|
90
|
+
// --Bg1: #F3F3F3; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
91
|
+
// --Bg2: #FFF6F5; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
92
|
+
// --Stroke: #DAD5CE; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
93
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
94
|
+
// --Icon: #4d5157;
|
|
95
|
+
// }
|
|
96
|
+
|
|
97
|
+
// .page-wrapper.red-theme {
|
|
98
|
+
// --Main1: #170302; // - заголовки,текст,иконки,стрелки
|
|
99
|
+
// --Main2: #E41F13; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
100
|
+
// --Subsidiary: #CD1C11; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
101
|
+
// --Secondary: #ACABAB; // - подписи инпутов, название неактивных кнопок
|
|
102
|
+
// --Bg1: #F4F4F4; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
103
|
+
// --Bg2: #FFF6F5; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
104
|
+
// --Stroke: #DAD5CE; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
105
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
106
|
+
// --Icon: #4d5157;
|
|
107
|
+
// }
|
|
108
|
+
|
|
109
|
+
// .page-wrapper.yellow-theme {
|
|
110
|
+
// --Main1: #232B55; // - заголовки,текст,иконки,стрелки
|
|
111
|
+
// --Main2: #FFCC00; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
112
|
+
// --Subsidiary: #D0A300; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
113
|
+
// --Secondary: #9193AC; // - подписи инпутов, название неактивных кнопок
|
|
114
|
+
// --Bg1: #EAEBED; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
115
|
+
// --Bg2: #FEF4D0; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
116
|
+
// --Stroke: #DAD5CE; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
117
|
+
// --StrokeHover: #BCB5AC; // - цвет границ инпутов при наведении и в фокусе
|
|
118
|
+
// --Icon: #575757;
|
|
119
|
+
// }
|
|
120
120
|
|
|
121
121
|
// .page-wrapper.minfin-theme {
|
|
122
122
|
// --Main1: #262626; // - заголовки,текст,иконки,стрелки
|
|
@@ -130,17 +130,17 @@
|
|
|
130
130
|
// --Icon: #4d5157;
|
|
131
131
|
// }
|
|
132
132
|
|
|
133
|
-
.page-wrapper.turquoise-theme {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
}
|
|
133
|
+
// .page-wrapper.turquoise-theme {
|
|
134
|
+
// --Main1: #3F504D; // - заголовки,текст,иконки,стрелки
|
|
135
|
+
// --Main2: #0C907D; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
136
|
+
// --Subsidiary: #05574C; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
137
|
+
// --Secondary: #798F8C; // - подписи инпутов, название неактивных кнопок
|
|
138
|
+
// --Bg1: #F2F5F5; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
139
|
+
// --Bg2: #D8F6F2; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
140
|
+
// --Stroke: #D4DFDD; // — фон и цвет обводки неактивных инпутов, цвет неактивных кнопок
|
|
141
|
+
// --StrokeHover:#BFCDCA; // - цвет границ инпутов при наведении и в фокусе
|
|
142
|
+
// --Icon: #4d5157;
|
|
143
|
+
// }
|
|
144
144
|
|
|
145
145
|
// .page-wrapper.vtb-theme {
|
|
146
146
|
// --Main1: #2F3441; // - заголовки,текст,иконки,стрелки
|
|
@@ -154,107 +154,107 @@
|
|
|
154
154
|
// --Icon: #4d5157;
|
|
155
155
|
// }
|
|
156
156
|
|
|
157
|
-
.page-main .common-admin__section .color-theme-edit-box-color .box {
|
|
157
|
+
// .page-main .common-admin__section .color-theme-edit-box-color .box {
|
|
158
158
|
|
|
159
|
-
.AbsoluteTheme {
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
159
|
+
// .AbsoluteTheme {
|
|
160
|
+
// --Main2: #FFDF6B;
|
|
161
|
+
// --Subsidiary: #D0A300;
|
|
162
|
+
// --Secondary: #9193AC;
|
|
163
163
|
|
|
164
|
-
|
|
164
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
165
165
|
|
|
166
|
-
|
|
167
|
-
}
|
|
166
|
+
// background-image: var(--ThemePreview);
|
|
167
|
+
// }
|
|
168
168
|
|
|
169
|
-
.BlackGreenTheme {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
169
|
+
// .BlackGreenTheme {
|
|
170
|
+
// --Main2: #3A8841;
|
|
171
|
+
// --Subsidiary: #277647;
|
|
172
|
+
// --Secondary: #8F859F;
|
|
173
173
|
|
|
174
|
-
|
|
174
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
175
175
|
|
|
176
|
-
|
|
177
|
-
}
|
|
176
|
+
// background-image: var(--ThemePreview);
|
|
177
|
+
// }
|
|
178
178
|
|
|
179
|
-
.BlueTheme {
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
179
|
+
// .BlueTheme {
|
|
180
|
+
// --Main2: #358FE2;
|
|
181
|
+
// --Subsidiary: #2C659A;
|
|
182
|
+
// --Secondary: #9DA1AB;
|
|
183
183
|
|
|
184
|
-
|
|
184
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
185
185
|
|
|
186
|
-
|
|
187
|
-
}
|
|
186
|
+
// background-image: var(--ThemePreview);
|
|
187
|
+
// }
|
|
188
188
|
|
|
189
|
-
.BrownTheme {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
189
|
+
// .BrownTheme {
|
|
190
|
+
// --Main2: #3F2512;
|
|
191
|
+
// --Subsidiary: #775942;
|
|
192
|
+
// --Secondary: #777777;
|
|
193
193
|
|
|
194
|
-
|
|
194
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
195
195
|
|
|
196
|
-
|
|
197
|
-
}
|
|
196
|
+
// background-image: var(--ThemePreview);
|
|
197
|
+
// }
|
|
198
198
|
|
|
199
|
-
.ConstructorTheme {
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
199
|
+
// .ConstructorTheme {
|
|
200
|
+
// --Main1: #3B4357;
|
|
201
|
+
// --Main2: #2E8DDE;
|
|
202
|
+
// --Subsidiary: #28669D;
|
|
203
203
|
|
|
204
|
-
|
|
204
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
205
205
|
|
|
206
|
-
|
|
207
|
-
}
|
|
206
|
+
// background-image: var(--ThemePreview);
|
|
207
|
+
// }
|
|
208
208
|
|
|
209
|
-
.DarkGrayTheme {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
209
|
+
// .DarkGrayTheme {
|
|
210
|
+
// --Main2: #555A69;
|
|
211
|
+
// --Subsidiary: #9DA1AB;
|
|
212
|
+
// --Secondary: #DAD5CE;
|
|
213
213
|
|
|
214
|
-
|
|
214
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
215
215
|
|
|
216
|
-
|
|
217
|
-
}
|
|
216
|
+
// background-image: var(--ThemePreview);
|
|
217
|
+
// }
|
|
218
218
|
|
|
219
|
-
.DefaultTheme {
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
219
|
+
// .DefaultTheme {
|
|
220
|
+
// --Main2: #A9967D;
|
|
221
|
+
// --Subsidiary: #624E33;
|
|
222
|
+
// --Secondary: #9F9F9F;
|
|
223
223
|
|
|
224
|
-
|
|
224
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
225
225
|
|
|
226
|
-
|
|
227
|
-
}
|
|
226
|
+
// background-image: var(--ThemePreview);
|
|
227
|
+
// }
|
|
228
228
|
|
|
229
|
-
.PinkTheme {
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
229
|
+
// .PinkTheme {
|
|
230
|
+
// --Main2: #FA758D;
|
|
231
|
+
// --Subsidiary: #CD1C11;
|
|
232
|
+
// --Secondary: #838383;
|
|
233
233
|
|
|
234
|
-
|
|
234
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
235
235
|
|
|
236
|
-
|
|
237
|
-
}
|
|
236
|
+
// background-image: var(--ThemePreview);
|
|
237
|
+
// }
|
|
238
238
|
|
|
239
|
-
.RedTheme {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
239
|
+
// .RedTheme {
|
|
240
|
+
// --Main2: #E41F13;
|
|
241
|
+
// --Subsidiary: #CD1C11;
|
|
242
|
+
// --Secondary: #ACABAB;
|
|
243
243
|
|
|
244
|
-
|
|
244
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
245
245
|
|
|
246
|
-
|
|
247
|
-
}
|
|
246
|
+
// background-image: var(--ThemePreview);
|
|
247
|
+
// }
|
|
248
248
|
|
|
249
|
-
.YellowTheme {
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
249
|
+
// .YellowTheme {
|
|
250
|
+
// --Main2: #FFCC00;
|
|
251
|
+
// --Subsidiary: #D0A300;
|
|
252
|
+
// --Secondary: #9193AC;
|
|
253
253
|
|
|
254
|
-
|
|
254
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
255
255
|
|
|
256
|
-
|
|
257
|
-
}
|
|
256
|
+
// background-image: var(--ThemePreview);
|
|
257
|
+
// }
|
|
258
258
|
|
|
259
259
|
// .MinfinTheme {
|
|
260
260
|
// --Main2: #0090D4;
|
|
@@ -266,15 +266,15 @@
|
|
|
266
266
|
// background-image: var(--ThemePreview);
|
|
267
267
|
// }
|
|
268
268
|
|
|
269
|
-
.TurquoiseTheme {
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
269
|
+
// .TurquoiseTheme {
|
|
270
|
+
// --Main2: #3F504D;
|
|
271
|
+
// --Subsidiary: #05574C;
|
|
272
|
+
// --Secondary: #798F8C;
|
|
273
273
|
|
|
274
|
-
|
|
274
|
+
// --ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
275
275
|
|
|
276
|
-
|
|
277
|
-
}
|
|
276
|
+
// background-image: var(--ThemePreview);
|
|
277
|
+
// }
|
|
278
278
|
|
|
279
279
|
// .VTBStrana {
|
|
280
280
|
// --Main2: #2F3441;
|
|
@@ -285,4 +285,4 @@
|
|
|
285
285
|
|
|
286
286
|
// background-image: var(--ThemePreview);
|
|
287
287
|
// }
|
|
288
|
-
}
|
|
288
|
+
// }
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
@import "../../Tokens/colorThemeAbsolute";
|
|
2
|
+
|
|
3
|
+
.page-wrapper.vtb-theme {
|
|
4
|
+
--neutral-bg-page: @neutral-bg-page;
|
|
5
|
+
--neutral-bg-modal: @neutral-bg-modal;
|
|
6
|
+
--neutral-bg-divider: @neutral-bg-divider;
|
|
7
|
+
--neutral-bg-stroke-default: @neutral-bg-stroke-default;
|
|
8
|
+
--neutral-bg-stroke-hover: @neutral-bg-stroke-hover;
|
|
9
|
+
--neutral-bg-island-default: @neutral-bg-island-default;
|
|
10
|
+
--neutral-bg-island-hover: @neutral-bg-island-hover;
|
|
11
|
+
--neutral-bg-disabled: @neutral-bg-disabled;
|
|
12
|
+
--neutral-icon-default: @neutral-icon-default;
|
|
13
|
+
--neutral-icon-inactive: @neutral-icon-disabled;
|
|
14
|
+
--neutral-icon-inverse: @neutral-icon-inverse;
|
|
15
|
+
--neutral-text-primary: @neutral-text-primary;
|
|
16
|
+
--neutral-text-secondary: @neutral-text-secondary;
|
|
17
|
+
--neutral-text-tertiary: @neutral-text-tertiary;
|
|
18
|
+
--neutral-text-inverse: @neutral-text-inverse;
|
|
19
|
+
--neutral-text-link-monochrome: @neutral-text-link-monochrome;
|
|
20
|
+
--brand-text-nav-link: @brand-text-nav-link;
|
|
21
|
+
--brand-text-accent: @brand-text-accent;
|
|
22
|
+
--brand-text-controls-default: @brand-text-controls-default;
|
|
23
|
+
--brand-text-controls-hover: @brand-text-controls-hover;
|
|
24
|
+
--brand-text-controls-selected: @brand-text-controls-selected;
|
|
25
|
+
--brand-bg-primary-default: @brand-bg-primary-default;
|
|
26
|
+
--brand-bg-primary-hover: @brand-bg-primary-hover;
|
|
27
|
+
--brand-bg-secondary-default: @brand-bg-secondary-default;
|
|
28
|
+
--brand-bg-secondary-hover: @brand-bg-secondary-hover;
|
|
29
|
+
--brand-bg-tertiary-default: @brand-bg-tertiary-default;
|
|
30
|
+
--brand-bg-tertiary-hover: @brand-bg-tertiary-hover;
|
|
31
|
+
--brand-bg-tertiary-selected: @brand-bg-tertiary-selected;
|
|
32
|
+
--brand-bg-header-scroll-up: @brand-bg-header-scroll-up;
|
|
33
|
+
|
|
34
|
+
--Main1: @neutral-text-primary; // - заголовки,текст,иконки,стрелки
|
|
35
|
+
--Main2: @brand-bg-primary-default; // - активные кнопки,эффект наведения на чекбоксы и радиобатоны,обводка у второстепенных кнопок,наведение на иконки
|
|
36
|
+
--Subsidiary: @brand-text-accent; // - включенные элементы,текст и иконки на Bg 2,наведение на кнопки,наведение на иконки, цвет футера
|
|
37
|
+
--Secondary: @neutral-text-tertiary; // - подписи инпутов, название неактивных кнопок
|
|
38
|
+
--Bg1: @neutral-bg-island-default; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
39
|
+
--Bg2: @brand-bg-tertiary-hover; // - цвет фона в блоках,цвет шапки таблицы,цвет фона в мультисилектах,цвет фона строки при наведении
|
|
40
|
+
--Stroke: @neutral-bg-stroke-default;
|
|
41
|
+
--StrokeHover: @neutral-bg-stroke-hover; // - цвет границ инпутов при наведении и в фокусе
|
|
42
|
+
--Icon: @neutral-icon-default;
|
|
43
|
+
|
|
44
|
+
--Bg1: @neutral-bg-island-default; // - цвет фона в дополнительных инпутах,цвет фона в блоках,цвет чередующихся строк в таблицах
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.page-main .common-admin__section .color-theme-edit-box-color .box {
|
|
48
|
+
.AbsoluteTheme {
|
|
49
|
+
--Main2: @brand-bg-primary-default;
|
|
50
|
+
--Subsidiary: @brand-text-accent;
|
|
51
|
+
--Secondary: @neutral-text-tertiary;
|
|
52
|
+
|
|
53
|
+
--ThemePreview: linear-gradient(90deg, var(--Subsidiary) 33.33%, var(--Main2) 33.33%, var(--Main2) 66.66%, var(--Secondary) 66.66%);
|
|
54
|
+
|
|
55
|
+
background-image: var(--ThemePreview);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
|