@salt-ds/theme 1.34.0 → 1.36.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/css/theme-next.css +197 -168
- package/css/theme.css +105 -90
- package/index.css +105 -90
- package/package.json +1 -1
package/css/theme-next.css
CHANGED
|
@@ -830,61 +830,45 @@
|
|
|
830
830
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
831
831
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
832
832
|
--salt-palette-accent-strong: var(--salt-color-blue-600);
|
|
833
|
-
--salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
|
|
834
833
|
--salt-palette-accent-stronger: var(--salt-color-blue-700);
|
|
835
|
-
--salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
|
|
836
834
|
--salt-palette-accent-strongest: var(--salt-color-blue-800);
|
|
837
835
|
--salt-palette-accent-weak: var(--salt-color-blue-400);
|
|
838
836
|
--salt-palette-accent-weaker: var(--salt-color-blue-200);
|
|
839
837
|
--salt-palette-accent-weaker-disabled: var(--salt-color-blue-200-40a);
|
|
840
838
|
--salt-palette-accent-weakest: var(--salt-color-blue-100);
|
|
841
|
-
--salt-palette-accent-action-hover: var(--salt-color-blue-600);
|
|
842
|
-
--salt-palette-accent-action-active: var(--salt-color-blue-800);
|
|
843
839
|
}
|
|
844
840
|
.salt-theme.salt-theme-next[data-mode=dark][data-accent=blue] {
|
|
845
841
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
846
842
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
847
843
|
--salt-palette-accent-strong: var(--salt-color-blue-400);
|
|
848
|
-
--salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
|
|
849
844
|
--salt-palette-accent-stronger: var(--salt-color-blue-300);
|
|
850
|
-
--salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
|
|
851
845
|
--salt-palette-accent-strongest: var(--salt-color-blue-200);
|
|
852
846
|
--salt-palette-accent-weak: var(--salt-color-blue-600);
|
|
853
847
|
--salt-palette-accent-weaker: var(--salt-color-blue-800);
|
|
854
848
|
--salt-palette-accent-weaker-disabled: var(--salt-color-blue-800-40a);
|
|
855
849
|
--salt-palette-accent-weakest: var(--salt-color-blue-900);
|
|
856
|
-
--salt-palette-accent-action-hover: var(--salt-color-blue-600);
|
|
857
|
-
--salt-palette-accent-action-active: var(--salt-color-blue-800);
|
|
858
850
|
}
|
|
859
851
|
.salt-theme.salt-theme-next[data-mode=light][data-accent=teal] {
|
|
860
852
|
--salt-palette-accent: var(--salt-color-teal-500);
|
|
861
853
|
--salt-palette-accent-disabled: var(--salt-color-teal-500-40a);
|
|
862
854
|
--salt-palette-accent-strong: var(--salt-color-teal-600);
|
|
863
|
-
--salt-palette-accent-strong-disabled: var(--salt-color-teal-600-40a);
|
|
864
855
|
--salt-palette-accent-stronger: var(--salt-color-teal-700);
|
|
865
|
-
--salt-palette-accent-stronger-disabled: var(--salt-color-teal-700-40a);
|
|
866
856
|
--salt-palette-accent-strongest: var(--salt-color-teal-800);
|
|
867
857
|
--salt-palette-accent-weak: var(--salt-color-teal-400);
|
|
868
858
|
--salt-palette-accent-weaker: var(--salt-color-teal-200);
|
|
869
859
|
--salt-palette-accent-weaker-disabled: var(--salt-color-teal-200-40a);
|
|
870
860
|
--salt-palette-accent-weakest: var(--salt-color-teal-100);
|
|
871
|
-
--salt-palette-accent-action-hover: var(--salt-color-teal-600);
|
|
872
|
-
--salt-palette-accent-action-active: var(--salt-color-teal-800);
|
|
873
861
|
}
|
|
874
862
|
.salt-theme.salt-theme-next[data-mode=dark][data-accent=teal] {
|
|
875
863
|
--salt-palette-accent: var(--salt-color-teal-500);
|
|
876
864
|
--salt-palette-accent-disabled: var(--salt-color-teal-500-40a);
|
|
877
865
|
--salt-palette-accent-strong: var(--salt-color-teal-400);
|
|
878
|
-
--salt-palette-accent-strong-disabled: var(--salt-color-teal-400-40a);
|
|
879
866
|
--salt-palette-accent-stronger: var(--salt-color-teal-300);
|
|
880
|
-
--salt-palette-accent-stronger-disabled: var(--salt-color-teal-300-40a);
|
|
881
867
|
--salt-palette-accent-strongest: var(--salt-color-teal-200);
|
|
882
868
|
--salt-palette-accent-weak: var(--salt-color-teal-600);
|
|
883
869
|
--salt-palette-accent-weaker: var(--salt-color-teal-800);
|
|
884
870
|
--salt-palette-accent-weaker-disabled: var(--salt-color-teal-800-40a);
|
|
885
871
|
--salt-palette-accent-weakest: var(--salt-color-teal-900);
|
|
886
|
-
--salt-palette-accent-action-hover: var(--salt-color-teal-600);
|
|
887
|
-
--salt-palette-accent-action-active: var(--salt-color-teal-800);
|
|
888
872
|
}
|
|
889
873
|
|
|
890
874
|
/* css/next/palette/alpha.css */
|
|
@@ -1127,24 +1111,18 @@
|
|
|
1127
1111
|
|
|
1128
1112
|
/* css/next/palette/negative.css */
|
|
1129
1113
|
.salt-theme.salt-theme-next[data-mode=light] {
|
|
1130
|
-
--salt-palette-negative: var(--salt-color-red-
|
|
1131
|
-
--salt-palette-negative-disabled: var(--salt-color-red-500-40a);
|
|
1114
|
+
--salt-palette-negative-stronger: var(--salt-color-red-700);
|
|
1132
1115
|
--salt-palette-negative-strong: var(--salt-color-red-600);
|
|
1133
|
-
--salt-palette-negative
|
|
1116
|
+
--salt-palette-negative: var(--salt-color-red-500);
|
|
1134
1117
|
--salt-palette-negative-weaker: var(--salt-color-red-200);
|
|
1135
1118
|
--salt-palette-negative-weakest: var(--salt-color-red-100);
|
|
1136
|
-
--salt-palette-negative-action-hover: var(--salt-color-red-600);
|
|
1137
|
-
--salt-palette-negative-action-active: var(--salt-color-red-800);
|
|
1138
1119
|
}
|
|
1139
1120
|
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
1140
|
-
--salt-palette-negative: var(--salt-color-red-
|
|
1141
|
-
--salt-palette-negative-disabled: var(--salt-color-red-500-40a);
|
|
1121
|
+
--salt-palette-negative-stronger: var(--salt-color-red-300);
|
|
1142
1122
|
--salt-palette-negative-strong: var(--salt-color-red-400);
|
|
1143
|
-
--salt-palette-negative
|
|
1123
|
+
--salt-palette-negative: var(--salt-color-red-500);
|
|
1144
1124
|
--salt-palette-negative-weaker: var(--salt-color-red-800);
|
|
1145
1125
|
--salt-palette-negative-weakest: var(--salt-color-red-900);
|
|
1146
|
-
--salt-palette-negative-action-hover: var(--salt-color-red-600);
|
|
1147
|
-
--salt-palette-negative-action-active: var(--salt-color-red-800);
|
|
1148
1126
|
}
|
|
1149
1127
|
|
|
1150
1128
|
/* css/next/palette/neutral.css */
|
|
@@ -1157,13 +1135,8 @@
|
|
|
1157
1135
|
--salt-palette-neutral-stronger: var(--salt-color-gray-700);
|
|
1158
1136
|
--salt-palette-neutral-strongest: var(--salt-color-gray-800);
|
|
1159
1137
|
--salt-palette-neutral-weak: var(--salt-color-gray-400);
|
|
1160
|
-
--salt-palette-neutral-
|
|
1161
|
-
--salt-palette-neutral-
|
|
1162
|
-
--salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
|
|
1163
|
-
--salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
|
|
1164
|
-
--salt-palette-neutral-weakest: var(--salt-color-gray-200);
|
|
1165
|
-
--salt-palette-neutral-action-hover: var(--salt-color-gray-600);
|
|
1166
|
-
--salt-palette-neutral-action-active: var(--salt-color-gray-800);
|
|
1138
|
+
--salt-palette-neutral-weaker: var(--salt-color-gray-200);
|
|
1139
|
+
--salt-palette-neutral-weakest: var(--salt-color-gray-100);
|
|
1167
1140
|
}
|
|
1168
1141
|
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
1169
1142
|
--salt-palette-neutral: var(--salt-color-gray-500);
|
|
@@ -1171,38 +1144,27 @@
|
|
|
1171
1144
|
--salt-palette-neutral-readonly: var(--salt-color-gray-500-10a);
|
|
1172
1145
|
--salt-palette-neutral-strong: var(--salt-color-gray-400);
|
|
1173
1146
|
--salt-palette-neutral-strong-disabled: var(--salt-color-gray-400-40a);
|
|
1174
|
-
--salt-palette-neutral-stronger: var(--salt-color-gray-
|
|
1175
|
-
--salt-palette-neutral-strongest: var(--salt-color-gray-
|
|
1147
|
+
--salt-palette-neutral-stronger: var(--salt-color-gray-200);
|
|
1148
|
+
--salt-palette-neutral-strongest: var(--salt-color-gray-100);
|
|
1176
1149
|
--salt-palette-neutral-weak: var(--salt-color-gray-600);
|
|
1177
|
-
--salt-palette-neutral-
|
|
1178
|
-
--salt-palette-neutral-
|
|
1179
|
-
--salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
|
|
1180
|
-
--salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
|
|
1181
|
-
--salt-palette-neutral-weakest: var(--salt-color-gray-800);
|
|
1182
|
-
--salt-palette-neutral-action-hover: var(--salt-color-gray-600);
|
|
1183
|
-
--salt-palette-neutral-action-active: var(--salt-color-gray-800);
|
|
1150
|
+
--salt-palette-neutral-weaker: var(--salt-color-gray-800);
|
|
1151
|
+
--salt-palette-neutral-weakest: var(--salt-color-gray-900);
|
|
1184
1152
|
}
|
|
1185
1153
|
|
|
1186
1154
|
/* css/next/palette/positive.css */
|
|
1187
1155
|
.salt-theme.salt-theme-next[data-mode=light] {
|
|
1188
|
-
--salt-palette-positive: var(--salt-color-green-
|
|
1189
|
-
--salt-palette-positive-disabled: var(--salt-color-green-500-40a);
|
|
1156
|
+
--salt-palette-positive-stronger: var(--salt-color-green-700);
|
|
1190
1157
|
--salt-palette-positive-strong: var(--salt-color-green-600);
|
|
1191
|
-
--salt-palette-positive
|
|
1158
|
+
--salt-palette-positive: var(--salt-color-green-500);
|
|
1192
1159
|
--salt-palette-positive-weaker: var(--salt-color-green-200);
|
|
1193
1160
|
--salt-palette-positive-weakest: var(--salt-color-green-100);
|
|
1194
|
-
--salt-palette-positive-action-hover: var(--salt-color-green-600);
|
|
1195
|
-
--salt-palette-positive-action-active: var(--salt-color-green-800);
|
|
1196
1161
|
}
|
|
1197
1162
|
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
1198
|
-
--salt-palette-positive: var(--salt-color-green-
|
|
1199
|
-
--salt-palette-positive-disabled: var(--salt-color-green-500-40a);
|
|
1163
|
+
--salt-palette-positive-stronger: var(--salt-color-green-300);
|
|
1200
1164
|
--salt-palette-positive-strong: var(--salt-color-green-400);
|
|
1201
|
-
--salt-palette-positive
|
|
1165
|
+
--salt-palette-positive: var(--salt-color-green-500);
|
|
1202
1166
|
--salt-palette-positive-weaker: var(--salt-color-green-800);
|
|
1203
1167
|
--salt-palette-positive-weakest: var(--salt-color-green-900);
|
|
1204
|
-
--salt-palette-positive-action-hover: var(--salt-color-green-600);
|
|
1205
|
-
--salt-palette-positive-action-active: var(--salt-color-green-800);
|
|
1206
1168
|
}
|
|
1207
1169
|
|
|
1208
1170
|
/* css/next/palette/shadow.css */
|
|
@@ -1263,24 +1225,18 @@
|
|
|
1263
1225
|
|
|
1264
1226
|
/* css/next/palette/warning.css */
|
|
1265
1227
|
.salt-theme.salt-theme-next[data-mode=light] {
|
|
1266
|
-
--salt-palette-warning: var(--salt-color-orange-
|
|
1267
|
-
--salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
|
|
1228
|
+
--salt-palette-warning-stronger: var(--salt-color-orange-700);
|
|
1268
1229
|
--salt-palette-warning-strong: var(--salt-color-orange-600);
|
|
1269
|
-
--salt-palette-warning
|
|
1230
|
+
--salt-palette-warning: var(--salt-color-orange-500);
|
|
1270
1231
|
--salt-palette-warning-weaker: var(--salt-color-orange-200);
|
|
1271
1232
|
--salt-palette-warning-weakest: var(--salt-color-orange-100);
|
|
1272
|
-
--salt-palette-warning-action-hover: var(--salt-color-orange-600);
|
|
1273
|
-
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1274
1233
|
}
|
|
1275
1234
|
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
1276
|
-
--salt-palette-warning: var(--salt-color-orange-
|
|
1277
|
-
--salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
|
|
1235
|
+
--salt-palette-warning-stronger: var(--salt-color-orange-300);
|
|
1278
1236
|
--salt-palette-warning-strong: var(--salt-color-orange-400);
|
|
1279
|
-
--salt-palette-warning
|
|
1237
|
+
--salt-palette-warning: var(--salt-color-orange-500);
|
|
1280
1238
|
--salt-palette-warning-weaker: var(--salt-color-orange-800);
|
|
1281
1239
|
--salt-palette-warning-weakest: var(--salt-color-orange-900);
|
|
1282
|
-
--salt-palette-warning-action-hover: var(--salt-color-orange-600);
|
|
1283
|
-
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1284
1240
|
}
|
|
1285
1241
|
|
|
1286
1242
|
/* css/next/characteristics/accent.css */
|
|
@@ -1294,185 +1250,155 @@
|
|
|
1294
1250
|
|
|
1295
1251
|
/* css/next/characteristics/actionable.css */
|
|
1296
1252
|
.salt-theme.salt-theme-next {
|
|
1297
|
-
--salt-actionable-accented-bold-background-active: var(--salt-palette-accent-
|
|
1298
|
-
--salt-actionable-accented-bold-background-
|
|
1299
|
-
--salt-actionable-accented-bold-background-hover: var(--salt-palette-accent-action-hover);
|
|
1253
|
+
--salt-actionable-accented-bold-background-active: var(--salt-palette-accent-weaker);
|
|
1254
|
+
--salt-actionable-accented-bold-background-hover: var(--salt-palette-accent);
|
|
1300
1255
|
--salt-actionable-accented-bold-background: var(--salt-palette-accent);
|
|
1301
1256
|
--salt-actionable-accented-bold-borderColor-active: var(--salt-palette-accent);
|
|
1302
|
-
--salt-actionable-accented-bold-borderColor-
|
|
1303
|
-
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-accent);
|
|
1257
|
+
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
|
|
1304
1258
|
--salt-actionable-accented-bold-borderColor: var(--salt-palette-accent);
|
|
1305
|
-
--salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary
|
|
1306
|
-
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
1259
|
+
--salt-actionable-accented-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1307
1260
|
--salt-actionable-accented-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1308
1261
|
--salt-actionable-accented-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1309
|
-
--salt-actionable-accented-background-active: var(--salt-palette-accent-
|
|
1310
|
-
--salt-actionable-accented-background-
|
|
1311
|
-
--salt-actionable-accented-background-hover: var(--salt-palette-accent-action-hover);
|
|
1262
|
+
--salt-actionable-accented-background-active: var(--salt-palette-accent-weaker);
|
|
1263
|
+
--salt-actionable-accented-background-hover: var(--salt-palette-accent-weakest);
|
|
1312
1264
|
--salt-actionable-accented-background: var(--salt-palette-alpha-none);
|
|
1313
1265
|
--salt-actionable-accented-borderColor-active: var(--salt-palette-accent);
|
|
1314
|
-
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1315
1266
|
--salt-actionable-accented-borderColor-hover: var(--salt-palette-accent);
|
|
1316
1267
|
--salt-actionable-accented-borderColor: var(--salt-palette-accent);
|
|
1317
|
-
--salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary
|
|
1318
|
-
--salt-actionable-accented-foreground-
|
|
1319
|
-
--salt-actionable-accented-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1268
|
+
--salt-actionable-accented-foreground-active: var(--salt-palette-foreground-primary);
|
|
1269
|
+
--salt-actionable-accented-foreground-hover: var(--salt-palette-accent-stronger);
|
|
1320
1270
|
--salt-actionable-accented-foreground: var(--salt-palette-accent-strong);
|
|
1321
|
-
--salt-actionable-accented-
|
|
1322
|
-
--salt-actionable-accented-
|
|
1323
|
-
--salt-actionable-accented-
|
|
1271
|
+
--salt-actionable-accented-background-selected: var(--salt-palette-accent);
|
|
1272
|
+
--salt-actionable-accented-borderColor-selected: var(--salt-palette-accent);
|
|
1273
|
+
--salt-actionable-accented-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1274
|
+
--salt-actionable-accented-subtle-background-active: var(--salt-palette-accent-weaker);
|
|
1275
|
+
--salt-actionable-accented-subtle-background-hover: var(--salt-palette-accent-weakest);
|
|
1324
1276
|
--salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
|
|
1325
1277
|
--salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-accent);
|
|
1326
|
-
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1327
1278
|
--salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-accent);
|
|
1328
1279
|
--salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1329
|
-
--salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary
|
|
1330
|
-
--salt-actionable-accented-subtle-foreground-
|
|
1331
|
-
--salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1280
|
+
--salt-actionable-accented-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1281
|
+
--salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-accent-stronger);
|
|
1332
1282
|
--salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-strong);
|
|
1333
|
-
--salt-actionable-bold-background-active: var(--salt-palette-neutral-
|
|
1334
|
-
--salt-actionable-bold-background-
|
|
1335
|
-
--salt-actionable-bold-background-hover: var(--salt-palette-neutral-action-hover);
|
|
1283
|
+
--salt-actionable-bold-background-active: var(--salt-palette-neutral-weaker);
|
|
1284
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-neutral);
|
|
1336
1285
|
--salt-actionable-bold-background: var(--salt-palette-neutral);
|
|
1337
1286
|
--salt-actionable-bold-borderColor-active: var(--salt-palette-neutral);
|
|
1338
|
-
--salt-actionable-bold-borderColor-
|
|
1339
|
-
--salt-actionable-bold-borderColor-hover: var(--salt-palette-neutral);
|
|
1287
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
|
|
1340
1288
|
--salt-actionable-bold-borderColor: var(--salt-palette-neutral);
|
|
1341
|
-
--salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary
|
|
1342
|
-
--salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
1289
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1343
1290
|
--salt-actionable-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1344
1291
|
--salt-actionable-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1345
|
-
--salt-actionable-background-active: var(--salt-palette-neutral-
|
|
1346
|
-
--salt-actionable-background-
|
|
1347
|
-
--salt-actionable-background-hover: var(--salt-palette-neutral-action-hover);
|
|
1292
|
+
--salt-actionable-background-active: var(--salt-palette-neutral-weaker);
|
|
1293
|
+
--salt-actionable-background-hover: var(--salt-palette-neutral-weakest);
|
|
1348
1294
|
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1349
1295
|
--salt-actionable-borderColor-active: var(--salt-palette-neutral);
|
|
1350
|
-
--salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
|
|
1351
1296
|
--salt-actionable-borderColor-hover: var(--salt-palette-neutral);
|
|
1352
1297
|
--salt-actionable-borderColor: var(--salt-palette-neutral);
|
|
1353
|
-
--salt-actionable-foreground-active: var(--salt-palette-foreground-primary
|
|
1354
|
-
--salt-actionable-foreground-
|
|
1355
|
-
--salt-actionable-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1298
|
+
--salt-actionable-foreground-active: var(--salt-palette-foreground-primary);
|
|
1299
|
+
--salt-actionable-foreground-hover: var(--salt-palette-foreground-primary);
|
|
1356
1300
|
--salt-actionable-foreground: var(--salt-palette-foreground-primary);
|
|
1357
|
-
--salt-actionable-
|
|
1358
|
-
--salt-actionable-
|
|
1359
|
-
--salt-actionable-
|
|
1301
|
+
--salt-actionable-background-selected: var(--salt-palette-neutral);
|
|
1302
|
+
--salt-actionable-borderColor-selected: var(--salt-palette-neutral);
|
|
1303
|
+
--salt-actionable-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1304
|
+
--salt-actionable-subtle-background-active: var(--salt-palette-neutral-weaker);
|
|
1305
|
+
--salt-actionable-subtle-background-hover: var(--salt-palette-neutral-weakest);
|
|
1360
1306
|
--salt-actionable-subtle-background: var(--salt-palette-alpha-none);
|
|
1361
1307
|
--salt-actionable-subtle-borderColor-active: var(--salt-palette-neutral);
|
|
1362
|
-
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1363
1308
|
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-neutral);
|
|
1364
1309
|
--salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1365
|
-
--salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary
|
|
1366
|
-
--salt-actionable-subtle-foreground-
|
|
1367
|
-
--salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1310
|
+
--salt-actionable-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1311
|
+
--salt-actionable-subtle-foreground-hover: var(--salt-palette-foreground-primary);
|
|
1368
1312
|
--salt-actionable-subtle-foreground: var(--salt-palette-foreground-primary);
|
|
1369
|
-
--salt-actionable-negative-bold-background-active: var(--salt-palette-negative-
|
|
1370
|
-
--salt-actionable-negative-bold-background-
|
|
1371
|
-
--salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-action-hover);
|
|
1313
|
+
--salt-actionable-negative-bold-background-active: var(--salt-palette-negative-weaker);
|
|
1314
|
+
--salt-actionable-negative-bold-background-hover: var(--salt-palette-negative);
|
|
1372
1315
|
--salt-actionable-negative-bold-background: var(--salt-palette-negative);
|
|
1373
1316
|
--salt-actionable-negative-bold-borderColor-active: var(--salt-palette-negative);
|
|
1374
|
-
--salt-actionable-negative-bold-borderColor-
|
|
1375
|
-
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-negative);
|
|
1317
|
+
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
|
|
1376
1318
|
--salt-actionable-negative-bold-borderColor: var(--salt-palette-negative);
|
|
1377
|
-
--salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary
|
|
1378
|
-
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
1319
|
+
--salt-actionable-negative-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1379
1320
|
--salt-actionable-negative-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1380
1321
|
--salt-actionable-negative-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1381
|
-
--salt-actionable-negative-background-active: var(--salt-palette-negative-
|
|
1382
|
-
--salt-actionable-negative-background-
|
|
1383
|
-
--salt-actionable-negative-background-hover: var(--salt-palette-negative-action-hover);
|
|
1322
|
+
--salt-actionable-negative-background-active: var(--salt-palette-negative-weaker);
|
|
1323
|
+
--salt-actionable-negative-background-hover: var(--salt-palette-negative-weakest);
|
|
1384
1324
|
--salt-actionable-negative-background: var(--salt-palette-alpha-none);
|
|
1385
1325
|
--salt-actionable-negative-borderColor-active: var(--salt-palette-negative);
|
|
1386
|
-
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
|
|
1387
1326
|
--salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
|
|
1388
1327
|
--salt-actionable-negative-borderColor: var(--salt-palette-negative);
|
|
1389
|
-
--salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary
|
|
1390
|
-
--salt-actionable-negative-foreground-
|
|
1391
|
-
--salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1328
|
+
--salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary);
|
|
1329
|
+
--salt-actionable-negative-foreground-hover: var(--salt-palette-negative-stronger);
|
|
1392
1330
|
--salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
|
|
1393
|
-
--salt-actionable-negative-
|
|
1394
|
-
--salt-actionable-negative-
|
|
1395
|
-
--salt-actionable-negative-
|
|
1331
|
+
--salt-actionable-negative-background-selected: var(--salt-palette-negative);
|
|
1332
|
+
--salt-actionable-negative-borderColor-selected: var(--salt-palette-negative);
|
|
1333
|
+
--salt-actionable-negative-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1334
|
+
--salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-weaker);
|
|
1335
|
+
--salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-weakest);
|
|
1396
1336
|
--salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
|
|
1397
1337
|
--salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-negative);
|
|
1398
|
-
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1399
1338
|
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
|
|
1400
1339
|
--salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1401
|
-
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary
|
|
1402
|
-
--salt-actionable-negative-subtle-foreground-
|
|
1403
|
-
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1340
|
+
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1341
|
+
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-negative-stronger);
|
|
1404
1342
|
--salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
|
|
1405
|
-
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-
|
|
1406
|
-
--salt-actionable-positive-bold-background-
|
|
1407
|
-
--salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-action-hover);
|
|
1343
|
+
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-weaker);
|
|
1344
|
+
--salt-actionable-positive-bold-background-hover: var(--salt-palette-positive);
|
|
1408
1345
|
--salt-actionable-positive-bold-background: var(--salt-palette-positive);
|
|
1409
1346
|
--salt-actionable-positive-bold-borderColor-active: var(--salt-palette-positive);
|
|
1410
|
-
--salt-actionable-positive-bold-borderColor-
|
|
1411
|
-
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-positive);
|
|
1347
|
+
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
|
|
1412
1348
|
--salt-actionable-positive-bold-borderColor: var(--salt-palette-positive);
|
|
1413
|
-
--salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary
|
|
1414
|
-
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
1349
|
+
--salt-actionable-positive-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1415
1350
|
--salt-actionable-positive-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1416
1351
|
--salt-actionable-positive-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1417
|
-
--salt-actionable-positive-background-active: var(--salt-palette-positive-
|
|
1418
|
-
--salt-actionable-positive-background-
|
|
1419
|
-
--salt-actionable-positive-background-hover: var(--salt-palette-positive-action-hover);
|
|
1352
|
+
--salt-actionable-positive-background-active: var(--salt-palette-positive-weaker);
|
|
1353
|
+
--salt-actionable-positive-background-hover: var(--salt-palette-positive-weakest);
|
|
1420
1354
|
--salt-actionable-positive-background: var(--salt-palette-alpha-none);
|
|
1421
1355
|
--salt-actionable-positive-borderColor-active: var(--salt-palette-positive);
|
|
1422
|
-
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
|
|
1423
1356
|
--salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
|
|
1424
1357
|
--salt-actionable-positive-borderColor: var(--salt-palette-positive);
|
|
1425
|
-
--salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary
|
|
1426
|
-
--salt-actionable-positive-foreground-
|
|
1427
|
-
--salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1358
|
+
--salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary);
|
|
1359
|
+
--salt-actionable-positive-foreground-hover: var(--salt-palette-positive-stronger);
|
|
1428
1360
|
--salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
|
|
1429
|
-
--salt-actionable-positive-
|
|
1430
|
-
--salt-actionable-positive-
|
|
1431
|
-
--salt-actionable-positive-
|
|
1361
|
+
--salt-actionable-positive-background-selected: var(--salt-palette-positive);
|
|
1362
|
+
--salt-actionable-positive-borderColor-selected: var(--salt-palette-positive);
|
|
1363
|
+
--salt-actionable-positive-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1364
|
+
--salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-weaker);
|
|
1365
|
+
--salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-weakest);
|
|
1432
1366
|
--salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
|
|
1433
1367
|
--salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-positive);
|
|
1434
|
-
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1435
1368
|
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
|
|
1436
1369
|
--salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1437
|
-
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary
|
|
1438
|
-
--salt-actionable-positive-subtle-foreground-
|
|
1439
|
-
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1370
|
+
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1371
|
+
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-positive-stronger);
|
|
1440
1372
|
--salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
|
|
1441
|
-
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-
|
|
1442
|
-
--salt-actionable-caution-bold-background-
|
|
1443
|
-
--salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
|
|
1373
|
+
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-weaker);
|
|
1374
|
+
--salt-actionable-caution-bold-background-hover: var(--salt-palette-warning);
|
|
1444
1375
|
--salt-actionable-caution-bold-background: var(--salt-palette-warning);
|
|
1445
1376
|
--salt-actionable-caution-bold-borderColor-active: var(--salt-palette-warning);
|
|
1446
|
-
--salt-actionable-caution-bold-borderColor-
|
|
1447
|
-
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-warning);
|
|
1377
|
+
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-contrast-high);
|
|
1448
1378
|
--salt-actionable-caution-bold-borderColor: var(--salt-palette-warning);
|
|
1449
|
-
--salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary
|
|
1450
|
-
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
1379
|
+
--salt-actionable-caution-bold-foreground-active: var(--salt-palette-foreground-primary);
|
|
1451
1380
|
--salt-actionable-caution-bold-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1452
1381
|
--salt-actionable-caution-bold-foreground: var(--salt-palette-foreground-primary-alt);
|
|
1453
|
-
--salt-actionable-caution-background-active: var(--salt-palette-warning-
|
|
1454
|
-
--salt-actionable-caution-background-
|
|
1455
|
-
--salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
|
|
1382
|
+
--salt-actionable-caution-background-active: var(--salt-palette-warning-weaker);
|
|
1383
|
+
--salt-actionable-caution-background-hover: var(--salt-palette-warning-weakest);
|
|
1456
1384
|
--salt-actionable-caution-background: var(--salt-palette-alpha-none);
|
|
1457
1385
|
--salt-actionable-caution-borderColor-active: var(--salt-palette-warning);
|
|
1458
|
-
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
|
|
1459
1386
|
--salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
|
|
1460
1387
|
--salt-actionable-caution-borderColor: var(--salt-palette-warning);
|
|
1461
|
-
--salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary
|
|
1462
|
-
--salt-actionable-caution-foreground-
|
|
1463
|
-
--salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1388
|
+
--salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary);
|
|
1389
|
+
--salt-actionable-caution-foreground-hover: var(--salt-palette-warning-stronger);
|
|
1464
1390
|
--salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
|
|
1465
|
-
--salt-actionable-caution-
|
|
1466
|
-
--salt-actionable-caution-
|
|
1467
|
-
--salt-actionable-caution-
|
|
1391
|
+
--salt-actionable-caution-background-selected: var(--salt-palette-warning);
|
|
1392
|
+
--salt-actionable-caution-borderColor-selected: var(--salt-palette-warning);
|
|
1393
|
+
--salt-actionable-caution-foreground-selected: var(--salt-palette-foreground-primary-alt);
|
|
1394
|
+
--salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-weaker);
|
|
1395
|
+
--salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-weakest);
|
|
1468
1396
|
--salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
|
|
1469
1397
|
--salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-warning);
|
|
1470
|
-
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1471
1398
|
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
|
|
1472
1399
|
--salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1473
|
-
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary
|
|
1474
|
-
--salt-actionable-caution-subtle-foreground-
|
|
1475
|
-
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
1400
|
+
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary);
|
|
1401
|
+
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-stronger);
|
|
1476
1402
|
--salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
|
|
1477
1403
|
}
|
|
1478
1404
|
|
|
@@ -1704,7 +1630,6 @@
|
|
|
1704
1630
|
--salt-separable-foreground: var(--salt-palette-foreground-primary);
|
|
1705
1631
|
--salt-separable-foreground-hover: var(--salt-palette-foreground-primary);
|
|
1706
1632
|
--salt-separable-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
1707
|
-
--salt-separable-background: var(--salt-palette-alpha-none);
|
|
1708
1633
|
--salt-separable-background-hover: var(--salt-palette-alpha-weak);
|
|
1709
1634
|
--salt-separable-background-active: var(--salt-palette-accent);
|
|
1710
1635
|
}
|
|
@@ -2134,6 +2059,52 @@
|
|
|
2134
2059
|
--salt-status-positive-foreground: var(--salt-palette-positive);
|
|
2135
2060
|
--salt-track-borderColor: var(--salt-palette-alpha-contrast-high);
|
|
2136
2061
|
--salt-track-borderColor-disabled: var(--salt-palette-alpha-contrast-lower);
|
|
2062
|
+
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-accent-disabled);
|
|
2063
|
+
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2064
|
+
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
2065
|
+
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
2066
|
+
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
2067
|
+
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-strong-disabled);
|
|
2068
|
+
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2069
|
+
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2070
|
+
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-strong-disabled);
|
|
2071
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-neutral-disabled);
|
|
2072
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2073
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
2074
|
+
--salt-actionable-background-disabled: var(--salt-palette-alpha-none);
|
|
2075
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-neutral-disabled);
|
|
2076
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
2077
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2078
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2079
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-foreground-primary-disabled);
|
|
2080
|
+
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-disabled);
|
|
2081
|
+
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2082
|
+
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
2083
|
+
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
2084
|
+
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-disabled);
|
|
2085
|
+
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
|
|
2086
|
+
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2087
|
+
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2088
|
+
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
|
|
2089
|
+
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-disabled);
|
|
2090
|
+
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2091
|
+
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
2092
|
+
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
2093
|
+
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-disabled);
|
|
2094
|
+
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
|
|
2095
|
+
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2096
|
+
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2097
|
+
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
|
|
2098
|
+
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-disabled);
|
|
2099
|
+
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2100
|
+
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-foreground-primary-alt-disabled);
|
|
2101
|
+
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
2102
|
+
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-disabled);
|
|
2103
|
+
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
|
|
2104
|
+
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2105
|
+
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2106
|
+
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
|
|
2107
|
+
--salt-separable-background: var(--salt-palette-alpha-none);
|
|
2137
2108
|
}
|
|
2138
2109
|
|
|
2139
2110
|
/* css/next/deprecated/foundations.css */
|
|
@@ -2150,6 +2121,23 @@
|
|
|
2150
2121
|
--salt-palette-positive-weak: var(--salt-color-green-100);
|
|
2151
2122
|
--salt-palette-info-weak: var(--salt-color-blue-100);
|
|
2152
2123
|
--salt-palette-negative-weak: var(--salt-color-red-100);
|
|
2124
|
+
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
2125
|
+
--salt-palette-neutral-action-active: var(--salt-color-gray-800);
|
|
2126
|
+
--salt-palette-positive-action-active: var(--salt-color-green-800);
|
|
2127
|
+
--salt-palette-negative-action-active: var(--salt-color-red-800);
|
|
2128
|
+
--salt-palette-warning-action-hover: var(--salt-color-orange-600);
|
|
2129
|
+
--salt-palette-neutral-action-hover: var(--salt-color-gray-600);
|
|
2130
|
+
--salt-palette-positive-action-hover: var(--salt-color-green-600);
|
|
2131
|
+
--salt-palette-negative-action-hover: var(--salt-color-red-600);
|
|
2132
|
+
--salt-palette-negative-disabled: var(--salt-color-red-500-40a);
|
|
2133
|
+
--salt-palette-negative-strong-disabled: var(--salt-color-red-600-40a);
|
|
2134
|
+
--salt-palette-positive-disabled: var(--salt-color-green-500-40a);
|
|
2135
|
+
--salt-palette-positive-strong-disabled: var(--salt-color-green-600-40a);
|
|
2136
|
+
--salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
|
|
2137
|
+
--salt-palette-warning-strong-disabled: var(--salt-color-orange-600-40a);
|
|
2138
|
+
--salt-palette-neutral-weaker-disabled: var(--salt-color-gray-300-40a);
|
|
2139
|
+
--salt-palette-neutral-weaker-readonly: var(--salt-color-gray-300-10a);
|
|
2140
|
+
--salt-palette-neutral-weak-disabled: var(--salt-color-gray-400-40a);
|
|
2153
2141
|
}
|
|
2154
2142
|
.salt-theme[data-mode=dark] {
|
|
2155
2143
|
--salt-palette-foreground-active: var(--salt-color-blue-300);
|
|
@@ -2158,6 +2146,47 @@
|
|
|
2158
2146
|
--salt-palette-positive-weak: var(--salt-color-green-900);
|
|
2159
2147
|
--salt-palette-info-weak: var(--salt-color-blue-900);
|
|
2160
2148
|
--salt-palette-negative-weak: var(--salt-color-red-900);
|
|
2149
|
+
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
2150
|
+
--salt-palette-neutral-action-active: var(--salt-color-gray-800);
|
|
2151
|
+
--salt-palette-positive-action-active: var(--salt-color-green-800);
|
|
2152
|
+
--salt-palette-negative-action-active: var(--salt-color-red-800);
|
|
2153
|
+
--salt-palette-warning-action-hover: var(--salt-color-orange-600);
|
|
2154
|
+
--salt-palette-neutral-action-hover: var(--salt-color-gray-600);
|
|
2155
|
+
--salt-palette-positive-action-hover: var(--salt-color-green-600);
|
|
2156
|
+
--salt-palette-negative-action-hover: var(--salt-color-red-600);
|
|
2157
|
+
--salt-palette-negative-disabled: var(--salt-color-red-500-40a);
|
|
2158
|
+
--salt-palette-negative-strong-disabled: var(--salt-color-red-400-40a);
|
|
2159
|
+
--salt-palette-positive-disabled: var(--salt-color-green-500-40a);
|
|
2160
|
+
--salt-palette-positive-strong-disabled: var(--salt-color-green-400-40a);
|
|
2161
|
+
--salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
|
|
2162
|
+
--salt-palette-warning-strong-disabled: var(--salt-color-orange-400-40a);
|
|
2163
|
+
--salt-palette-neutral-weaker-disabled: var(--salt-color-gray-700-40a);
|
|
2164
|
+
--salt-palette-neutral-weaker-readonly: var(--salt-color-gray-700-10a);
|
|
2165
|
+
--salt-palette-neutral-weak-disabled: var(--salt-color-gray-600-40a);
|
|
2166
|
+
}
|
|
2167
|
+
.salt-theme.salt-theme-next[data-mode=light][data-accent=blue] {
|
|
2168
|
+
--salt-palette-accent-action-active: var(--salt-color-blue-800);
|
|
2169
|
+
--salt-palette-accent-action-hover: var(--salt-color-blue-600);
|
|
2170
|
+
--salt-palette-accent-strong-disabled: var(--salt-color-blue-600-40a);
|
|
2171
|
+
--salt-palette-accent-stronger-disabled: var(--salt-color-blue-700-40a);
|
|
2172
|
+
}
|
|
2173
|
+
.salt-theme.salt-theme-next[data-mode=dark][data-accent=blue] {
|
|
2174
|
+
--salt-palette-accent-action-active: var(--salt-color-blue-800);
|
|
2175
|
+
--salt-palette-accent-action-hover: var(--salt-color-blue-600);
|
|
2176
|
+
--salt-palette-accent-strong-disabled: var(--salt-color-blue-400-40a);
|
|
2177
|
+
--salt-palette-accent-stronger-disabled: var(--salt-color-blue-300-40a);
|
|
2178
|
+
}
|
|
2179
|
+
.salt-theme.salt-theme-next[data-mode=light][data-accent=teal] {
|
|
2180
|
+
--salt-palette-accent-action-active: var(--salt-color-teal-800);
|
|
2181
|
+
--salt-palette-accent-action-hover: var(--salt-color-teal-600);
|
|
2182
|
+
--salt-palette-accent-strong-disabled: var(--salt-color-teal-600-40a);
|
|
2183
|
+
--salt-palette-accent-stronger-disabled: var(--salt-color-teal-700-40a);
|
|
2184
|
+
}
|
|
2185
|
+
.salt-theme.salt-theme-next[data-mode=dark][data-accent=teal] {
|
|
2186
|
+
--salt-palette-accent-action-active: var(--salt-color-teal-800);
|
|
2187
|
+
--salt-palette-accent-action-hover: var(--salt-color-teal-600);
|
|
2188
|
+
--salt-palette-accent-strong-disabled: var(--salt-color-teal-400-40a);
|
|
2189
|
+
--salt-palette-accent-stronger-disabled: var(--salt-color-teal-300-40a);
|
|
2161
2190
|
}
|
|
2162
2191
|
|
|
2163
2192
|
/* css/theme-next.css */
|