@times-design-system/theme-css 2.0.2-alpha.8 → 2.2.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.
Files changed (3) hide show
  1. package/README.md +63 -92
  2. package/dist/variables.css +769 -682
  3. package/package.json +3 -3
package/dist/variables.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --fontFamily010: Times Modern;
12
12
  --fontFamily020: Times Digital W04 Regular;
13
13
  --fontFamily030: Times Digital W04 Bold;
14
- --fontFamily040: Roboto;
14
+ --fontFamily040: Times Roboto;
15
15
  --fontLineHeight010: 1;
16
16
  --fontLineHeight020: 1.125;
17
17
  --fontLineHeight030: 1.25;
@@ -262,6 +262,16 @@
262
262
  --interactive-chip-channel-primary-off-border-default: #a8a8a8;
263
263
  --interactive-chip-channel-primary-off-border-hover: #8f8f8f;
264
264
  --interactive-chip-channel-primary-off-border-pressed: #868686;
265
+ --interactive-tab-fill-default: #ffffff;
266
+ --interactive-tab-fill-hover: #f2f2f2;
267
+ --interactive-tab-fill-pressed: #d9d9d9;
268
+ --interactive-tab-text-default: #1a1a1a;
269
+ --interactive-tab-text-hover: #404040;
270
+ --interactive-tab-text-pressed: #404040;
271
+ --interactive-tab-icon-default: #1a1a1a;
272
+ --interactive-tab-icon-hover: #404040;
273
+ --interactive-tab-icon-pressed: #404040;
274
+ --interactive-tab-selected-border-default: #000000;
265
275
  --active-fill: #000000;
266
276
  --active-text: #ffffff;
267
277
  --active-border: #000000;
@@ -1067,1413 +1077,1436 @@
1067
1077
  }
1068
1078
  [data-color-mode="dark"] {
1069
1079
  [data-theme="core"] {
1070
- --surface-undercanvas: #e6e6e6;
1071
- --surface-canvas: #ffffff;
1080
+ --surface-undercanvas: #1a1a1a;
1081
+ --surface-canvas: #000000;
1072
1082
  --surface-transparent: #000000;
1073
- --surface-level-1: #f2f2f2;
1074
- --surface-level-2: #e6e6e6;
1075
- --surface-level-3: #d9d9d9;
1076
- --surface-level-4: #e6e6e6;
1077
- --surface-inverse: #000000;
1083
+ --surface-level-1: #0d0d0d;
1084
+ --surface-level-2: #1a1a1a;
1085
+ --surface-level-3: #262626;
1086
+ --surface-level-4: #1a1a1a;
1087
+ --surface-inverse: #ffffff;
1078
1088
  --surface-overlay: rgba(0, 0, 0, 0.55);
1079
- --surface-channel-50: #f2f2f2;
1080
- --surface-channel-100: #d9d9d9;
1081
- --surface-channel-200: #a8a8a8;
1082
- --surface-channel-300: #666666;
1083
- --surface-channel-400: #333333;
1084
- --surface-channel-500: #1a1a1a;
1085
- --surface-static-dark: #ffffff;
1086
- --surface-static-light: #000000;
1087
- --text-primary: #000000;
1088
- --text-inverse: #ffffff;
1089
- --text-secondary: #262626;
1090
- --text-tertiary: #595959;
1091
- --text-channel-primary: #666666;
1089
+ --surface-channel-50: #0d0d0d;
1090
+ --surface-channel-100: #262626;
1091
+ --surface-channel-200: #575757;
1092
+ --surface-channel-300: #999999;
1093
+ --surface-channel-400: #cccccc;
1094
+ --surface-channel-500: #e6e6e6;
1095
+ --surface-static-dark: #000000;
1096
+ --surface-static-light: #ffffff;
1097
+ --text-primary: #ffffff;
1098
+ --text-inverse: #000000;
1099
+ --text-secondary: #d9d9d9;
1100
+ --text-tertiary: #a6a6a6;
1101
+ --text-channel-primary: #999999;
1092
1102
  --text-channel-secondary: #808080;
1093
- --text-channel-tertiary: #999999;
1094
- --text-static-dark: #ffffff;
1095
- --text-static-light: #000000;
1096
- --icon-primary: #000000;
1097
- --icon-inverse: #ffffff;
1098
- --icon-secondary: #262626;
1099
- --icon-tertiary: #595959;
1100
- --icon-channel-primary: #999999;
1103
+ --text-channel-tertiary: #666666;
1104
+ --text-static-dark: #000000;
1105
+ --text-static-light: #ffffff;
1106
+ --icon-primary: #ffffff;
1107
+ --icon-inverse: #000000;
1108
+ --icon-secondary: #d9d9d9;
1109
+ --icon-tertiary: #a6a6a6;
1110
+ --icon-channel-primary: #666666;
1101
1111
  --icon-channel-secondary: #808080;
1102
- --icon-channel-tertiary: #999999;
1103
- --border-primary: #a8a8a8;
1104
- --border-secondary: #cccccc;
1105
- --border-tertiary: #e6e6e6;
1106
- --border-channel-primary: #a8a8a8;
1107
- --border-channel-secondary: #cccccc;
1108
- --border-channel-tertiary: #e6e6e6;
1109
- --border-elevation: #cccccc;
1110
- --border-static-dark: #ffffff;
1111
- --border-static-light: #000000;
1112
- --input-fill-default: #ffffff;
1113
- --input-fill-error: #ffefef;
1114
- --input-fill-hover: #f2f2f2;
1115
- --input-fill-active: #ffffff;
1116
- --input-fill-completed: #ffffff;
1117
- --input-fill-success: #f1f8f5;
1118
- --input-fill-warning: #fff7ef;
1119
- --input-fill-info: #eff2f8;
1120
- --input-border-default: #8c8c8c;
1121
- --input-border-error: #e70300;
1112
+ --icon-channel-tertiary: #666666;
1113
+ --border-primary: #575757;
1114
+ --border-secondary: #333333;
1115
+ --border-tertiary: #1a1a1a;
1116
+ --border-channel-primary: #575757;
1117
+ --border-channel-secondary: #333333;
1118
+ --border-channel-tertiary: #1a1a1a;
1119
+ --border-elevation: #333333;
1120
+ --border-static-dark: #000000;
1121
+ --border-static-light: #ffffff;
1122
+ --input-fill-default: #000000;
1123
+ --input-fill-error: #670909;
1124
+ --input-fill-hover: #0d0d0d;
1125
+ --input-fill-active: #000000;
1126
+ --input-fill-completed: #000000;
1127
+ --input-fill-success: #1b5339;
1128
+ --input-fill-warning: #664109;
1129
+ --input-fill-info: #08295a;
1130
+ --input-border-default: #737373;
1131
+ --input-border-error: #ff7268;
1122
1132
  --input-border-hover: #6d6d6d;
1123
- --input-border-active: #595959;
1124
- --input-border-completed: #262626;
1125
- --input-border-success: #2c9365;
1126
- --input-border-warning: #cc8103;
1127
- --input-border-info: #2658a9;
1128
- --input-text-default: #595959;
1129
- --input-text-error: #000000;
1130
- --input-text-hover: #262626;
1131
- --input-text-active: #000000;
1132
- --input-text-completed: #000000;
1133
- --input-text-success: #000000;
1134
- --input-text-warning: #000000;
1135
- --input-text-info: #000000;
1136
- --input-icon-default: #8c8c8c;
1133
+ --input-border-active: #a6a6a6;
1134
+ --input-border-completed: #d9d9d9;
1135
+ --input-border-success: #80c4a1;
1136
+ --input-border-warning: #ffc77f;
1137
+ --input-border-info: #466fb5;
1138
+ --input-text-default: #a6a6a6;
1139
+ --input-text-error: #ffffff;
1140
+ --input-text-hover: #d9d9d9;
1141
+ --input-text-active: #ffffff;
1142
+ --input-text-completed: #ffffff;
1143
+ --input-text-success: #ffffff;
1144
+ --input-text-warning: #ffffff;
1145
+ --input-text-info: #ffffff;
1146
+ --input-icon-default: #737373;
1137
1147
  --input-icon-hover: #6d6d6d;
1138
- --input-icon-active: #595959;
1139
- --input-icon-completed: #262626;
1140
- --input-icon-error: #e70300;
1141
- --input-icon-success: #2c9365;
1142
- --input-icon-warning: #cc8103;
1143
- --input-icon-info: #2658a9;
1144
- --messaging-fill-error: #ffefef;
1145
- --messaging-fill-success: #f1f8f5;
1146
- --messaging-fill-warning: #fff7ef;
1147
- --messaging-fill-info: #eff2f8;
1148
- --messaging-border-error: #e70300;
1149
- --messaging-border-success: #2c9365;
1150
- --messaging-border-warning: #ffba5b;
1151
- --messaging-border-info: #0d4391;
1152
- --messaging-icon-error: #e70300;
1153
- --messaging-icon-success: #2c9365;
1154
- --messaging-icon-warning: #ffba5b;
1155
- --messaging-icon-info: #0d4391;
1156
- --messaging-link-text-default: #000000;
1148
+ --input-icon-active: #a6a6a6;
1149
+ --input-icon-completed: #d9d9d9;
1150
+ --input-icon-error: #ff7268;
1151
+ --input-icon-success: #80c4a1;
1152
+ --input-icon-warning: #ffc77f;
1153
+ --input-icon-info: #466fb5;
1154
+ --messaging-fill-error: #670909;
1155
+ --messaging-fill-success: #1b5339;
1156
+ --messaging-fill-warning: #664109;
1157
+ --messaging-fill-info: #08295a;
1158
+ --messaging-border-error: #ff7268;
1159
+ --messaging-border-success: #80c4a1;
1160
+ --messaging-border-warning: #ffa722;
1161
+ --messaging-border-info: #6f8dc6;
1162
+ --messaging-icon-error: #ff7268;
1163
+ --messaging-icon-success: #80c4a1;
1164
+ --messaging-icon-warning: #ffa722;
1165
+ --messaging-icon-info: #6f8dc6;
1166
+ --messaging-link-text-default: #ffffff;
1157
1167
  --messaging-link-text-hover: #d9d9d9;
1158
1168
  --messaging-link-text-pressed: #cccccc;
1159
1169
  --messaging-link-text-visited: #ffffff;
1160
- --messaging-link-icon-default: #000000;
1170
+ --messaging-link-icon-default: #ffffff;
1161
1171
  --messaging-link-icon-hover: #d9d9d9;
1162
1172
  --messaging-link-icon-pressed: #cccccc;
1163
1173
  --messaging-link-icon-visited: #ffffff;
1164
- --messaging-link-underline-default: #000000;
1174
+ --messaging-link-underline-default: #ffffff;
1165
1175
  --messaging-link-underline-hover: #ffffff;
1166
1176
  --messaging-link-underline-pressed: #ffffff;
1167
1177
  --messaging-link-underline-visited: #e6e6e6;
1168
- --interactive-primary-fill-default: #000000;
1178
+ --interactive-primary-fill-default: #ffffff;
1169
1179
  --interactive-primary-fill-hover: #ffffff;
1170
1180
  --interactive-primary-fill-pressed: #ffffff;
1171
- --interactive-primary-text-default: #ffffff;
1172
- --interactive-primary-text-hover: #ffffff;
1173
- --interactive-primary-text-pressed: #ffffff;
1174
- --interactive-primary-icon-default: #ffffff;
1175
- --interactive-primary-icon-hover: #ffffff;
1176
- --interactive-primary-icon-pressed: #ffffff;
1177
- --interactive-secondary-fill-default: #ffffff;
1181
+ --interactive-primary-text-default: #000000;
1182
+ --interactive-primary-text-hover: #000000;
1183
+ --interactive-primary-text-pressed: #000000;
1184
+ --interactive-primary-icon-default: #000000;
1185
+ --interactive-primary-icon-hover: #000000;
1186
+ --interactive-primary-icon-pressed: #000000;
1187
+ --interactive-secondary-fill-default: #000000;
1178
1188
  --interactive-secondary-fill-hover: #262626;
1179
1189
  --interactive-secondary-fill-pressed: #333333;
1180
- --interactive-secondary-border-default: #737373;
1190
+ --interactive-secondary-border-default: #8c8c8c;
1181
1191
  --interactive-secondary-border-hover: #9d9d9d;
1182
1192
  --interactive-secondary-border-pressed: #a3a3a3;
1183
- --interactive-secondary-text-default: #000000;
1193
+ --interactive-secondary-text-default: #ffffff;
1184
1194
  --interactive-secondary-text-hover: #ffffff;
1185
1195
  --interactive-secondary-text-pressed: #ffffff;
1186
- --interactive-secondary-icon-default: #000000;
1196
+ --interactive-secondary-icon-default: #ffffff;
1187
1197
  --interactive-secondary-icon-hover: #ffffff;
1188
1198
  --interactive-secondary-icon-pressed: #ffffff;
1189
- --interactive-disabled-a: #d9d9d9;
1190
- --interactive-disabled-b: #bfbfbf;
1191
- --interactive-disabled-c: #a8a8a8;
1192
- --interactive-negative-fill-default: #ffffff;
1199
+ --interactive-disabled-a: #262626;
1200
+ --interactive-disabled-b: #404040;
1201
+ --interactive-disabled-c: #575757;
1202
+ --interactive-negative-fill-default: #000000;
1193
1203
  --interactive-negative-fill-hover: #000000;
1194
1204
  --interactive-negative-fill-pressed: #000000;
1195
- --interactive-negative-border-default: #ff403a;
1205
+ --interactive-negative-border-default: #ff3933;
1196
1206
  --interactive-negative-border-hover: #ff0c05;
1197
1207
  --interactive-negative-border-pressed: #f50700;
1198
- --interactive-negative-text-default: #ff403a;
1208
+ --interactive-negative-text-default: #ff3933;
1199
1209
  --interactive-negative-text-hover: #ff0c05;
1200
1210
  --interactive-negative-text-pressed: #f50700;
1201
- --interactive-negative-icon-default: #ff403a;
1211
+ --interactive-negative-icon-default: #ff3933;
1202
1212
  --interactive-negative-icon-hover: #ff0c05;
1203
1213
  --interactive-negative-icon-pressed: #f50700;
1204
- --interactive-link-secondary-text-default: #8c8c8c;
1214
+ --interactive-link-secondary-text-default: #737373;
1205
1215
  --interactive-link-secondary-text-hover: #626262;
1206
1216
  --interactive-link-secondary-text-pressed: #5c5c5c;
1207
1217
  --interactive-link-secondary-text-visited: #858585;
1208
- --interactive-link-secondary-icon-default: #8c8c8c;
1218
+ --interactive-link-secondary-icon-default: #737373;
1209
1219
  --interactive-link-secondary-icon-hover: #626262;
1210
1220
  --interactive-link-secondary-icon-pressed: #5c5c5c;
1211
1221
  --interactive-link-secondary-icon-visited: #858585;
1212
- --interactive-link-secondary-underline-default: #8c8c8c;
1222
+ --interactive-link-secondary-underline-default: #737373;
1213
1223
  --interactive-link-secondary-underline-hover: #888888;
1214
1224
  --interactive-link-secondary-underline-pressed: #8f8f8f;
1215
1225
  --interactive-link-secondary-underline-visited: #686868;
1216
- --interactive-link-primary-text-default: #000000;
1226
+ --interactive-link-primary-text-default: #ffffff;
1217
1227
  --interactive-link-primary-text-hover: #d9d9d9;
1218
1228
  --interactive-link-primary-text-pressed: #cccccc;
1219
1229
  --interactive-link-primary-text-visited: #ffffff;
1220
- --interactive-link-primary-icon-default: #000000;
1230
+ --interactive-link-primary-icon-default: #ffffff;
1221
1231
  --interactive-link-primary-icon-hover: #d9d9d9;
1222
1232
  --interactive-link-primary-icon-pressed: #cccccc;
1223
1233
  --interactive-link-primary-icon-visited: #ffffff;
1224
- --interactive-link-primary-underline-default: #000000;
1234
+ --interactive-link-primary-underline-default: #ffffff;
1225
1235
  --interactive-link-primary-underline-hover: #ffffff;
1226
1236
  --interactive-link-primary-underline-pressed: #ffffff;
1227
1237
  --interactive-link-primary-underline-visited: #e6e6e6;
1228
- --interactive-chip-primary-on-fill-default: #000000;
1238
+ --interactive-chip-primary-on-fill-default: #ffffff;
1229
1239
  --interactive-chip-primary-on-fill-hover: #d9d9d9;
1230
1240
  --interactive-chip-primary-on-fill-pressed: #cccccc;
1231
- --interactive-chip-primary-on-text-default: #ffffff;
1241
+ --interactive-chip-primary-on-text-default: #000000;
1232
1242
  --interactive-chip-primary-on-text-hover: #000000;
1233
1243
  --interactive-chip-primary-on-text-pressed: #000000;
1234
- --interactive-chip-primary-on-icon-default: #ffffff;
1244
+ --interactive-chip-primary-on-icon-default: #000000;
1235
1245
  --interactive-chip-primary-on-icon-hover: #000000;
1236
1246
  --interactive-chip-primary-on-icon-pressed: #000000;
1237
- --interactive-chip-primary-off-fill-default: #ffffff;
1247
+ --interactive-chip-primary-off-fill-default: #000000;
1238
1248
  --interactive-chip-primary-off-fill-hover: #000000;
1239
1249
  --interactive-chip-primary-off-fill-pressed: #000000;
1240
- --interactive-chip-primary-off-text-default: #000000;
1250
+ --interactive-chip-primary-off-text-default: #ffffff;
1241
1251
  --interactive-chip-primary-off-text-hover: #d9d9d9;
1242
1252
  --interactive-chip-primary-off-text-pressed: #cccccc;
1243
- --interactive-chip-primary-off-icon-default: #000000;
1253
+ --interactive-chip-primary-off-icon-default: #ffffff;
1244
1254
  --interactive-chip-primary-off-icon-hover: #d9d9d9;
1245
1255
  --interactive-chip-primary-off-icon-pressed: #cccccc;
1246
- --interactive-chip-primary-off-border-default: #000000;
1256
+ --interactive-chip-primary-off-border-default: #ffffff;
1247
1257
  --interactive-chip-primary-off-border-hover: #d9d9d9;
1248
1258
  --interactive-chip-primary-off-border-pressed: #cccccc;
1249
- --interactive-chip-secondary-on-text-default: #000000;
1259
+ --interactive-chip-secondary-on-text-default: #ffffff;
1250
1260
  --interactive-chip-secondary-on-text-hover: #d9d9d9;
1251
1261
  --interactive-chip-secondary-on-text-pressed: #cccccc;
1252
- --interactive-chip-secondary-on-fill-default: #d9d9d9;
1262
+ --interactive-chip-secondary-on-fill-default: #262626;
1253
1263
  --interactive-chip-secondary-on-fill-hover: #202020;
1254
1264
  --interactive-chip-secondary-on-fill-pressed: #1e1e1e;
1255
- --interactive-chip-secondary-on-border-default: #737373;
1265
+ --interactive-chip-secondary-on-border-default: #8c8c8c;
1256
1266
  --interactive-chip-secondary-on-border-hover: #777777;
1257
1267
  --interactive-chip-secondary-on-border-pressed: #707070;
1258
- --interactive-chip-secondary-on-icon-default: #000000;
1268
+ --interactive-chip-secondary-on-icon-default: #ffffff;
1259
1269
  --interactive-chip-secondary-on-icon-hover: #d9d9d9;
1260
1270
  --interactive-chip-secondary-on-icon-pressed: #cccccc;
1261
- --interactive-chip-secondary-off-fill-default: #d9d9d9;
1271
+ --interactive-chip-secondary-off-fill-default: #262626;
1262
1272
  --interactive-chip-secondary-off-fill-hover: #202020;
1263
1273
  --interactive-chip-secondary-off-fill-pressed: #1e1e1e;
1264
- --interactive-chip-secondary-off-text-default: #595959;
1274
+ --interactive-chip-secondary-off-text-default: #a6a6a6;
1265
1275
  --interactive-chip-secondary-off-text-hover: #8d8d8d;
1266
1276
  --interactive-chip-secondary-off-text-pressed: #858585;
1267
- --interactive-chip-secondary-off-icon-default: #595959;
1277
+ --interactive-chip-secondary-off-icon-default: #a6a6a6;
1268
1278
  --interactive-chip-secondary-off-icon-hover: #8d8d8d;
1269
1279
  --interactive-chip-secondary-off-icon-pressed: #858585;
1270
- --interactive-chip-channel-secondary-off-fill-default: #f2f2f2;
1280
+ --interactive-chip-channel-secondary-off-fill-default: #0d0d0d;
1271
1281
  --interactive-chip-channel-secondary-off-fill-hover: #0b0b0b;
1272
1282
  --interactive-chip-channel-secondary-off-fill-pressed: #0a0a0a;
1273
- --interactive-chip-channel-secondary-off-text-default: #333333;
1283
+ --interactive-chip-channel-secondary-off-text-default: #cccccc;
1274
1284
  --interactive-chip-channel-secondary-off-text-hover: #adadad;
1275
1285
  --interactive-chip-channel-secondary-off-text-pressed: #a3a3a3;
1276
- --interactive-chip-channel-secondary-off-icon-default: #333333;
1286
+ --interactive-chip-channel-secondary-off-icon-default: #cccccc;
1277
1287
  --interactive-chip-channel-secondary-off-icon-hover: #adadad;
1278
1288
  --interactive-chip-channel-secondary-off-icon-pressed: #a3a3a3;
1279
- --interactive-chip-channel-secondary-on-border-default: #333333;
1289
+ --interactive-chip-channel-secondary-on-border-default: #cccccc;
1280
1290
  --interactive-chip-channel-secondary-on-border-hover: #adadad;
1281
1291
  --interactive-chip-channel-secondary-on-border-pressed: #a3a3a3;
1282
- --interactive-chip-channel-secondary-on-fill-default: #f2f2f2;
1292
+ --interactive-chip-channel-secondary-on-fill-default: #0d0d0d;
1283
1293
  --interactive-chip-channel-secondary-on-fill-hover: #0b0b0b;
1284
1294
  --interactive-chip-channel-secondary-on-fill-pressed: #0a0a0a;
1285
- --interactive-chip-channel-secondary-on-text-default: #1a1a1a;
1295
+ --interactive-chip-channel-secondary-on-text-default: #e6e6e6;
1286
1296
  --interactive-chip-channel-secondary-on-text-hover: #c4c4c4;
1287
1297
  --interactive-chip-channel-secondary-on-text-pressed: #b8b8b8;
1288
- --interactive-chip-channel-secondary-on-icon-default: #1a1a1a;
1298
+ --interactive-chip-channel-secondary-on-icon-default: #e6e6e6;
1289
1299
  --interactive-chip-channel-secondary-on-icon-hover: #c4c4c4;
1290
1300
  --interactive-chip-channel-secondary-on-icon-pressed: #b8b8b8;
1291
- --interactive-chip-channel-primary-off-fill-default: #f2f2f2;
1301
+ --interactive-chip-channel-primary-off-fill-default: #0d0d0d;
1292
1302
  --interactive-chip-channel-primary-off-fill-hover: #0b0b0b;
1293
1303
  --interactive-chip-channel-primary-off-fill-pressed: #0a0a0a;
1294
- --interactive-chip-channel-primary-off-text-default: #1a1a1a;
1304
+ --interactive-chip-channel-primary-off-text-default: #e6e6e6;
1295
1305
  --interactive-chip-channel-primary-off-text-hover: #c4c4c4;
1296
1306
  --interactive-chip-channel-primary-off-text-pressed: #b8b8b8;
1297
- --interactive-chip-channel-primary-off-icon-default: #1a1a1a;
1307
+ --interactive-chip-channel-primary-off-icon-default: #e6e6e6;
1298
1308
  --interactive-chip-channel-primary-off-icon-hover: #c4c4c4;
1299
1309
  --interactive-chip-channel-primary-off-icon-pressed: #b8b8b8;
1300
- --interactive-chip-channel-primary-off-border-default: #d9d9d9;
1310
+ --interactive-chip-channel-primary-off-border-default: #262626;
1301
1311
  --interactive-chip-channel-primary-off-border-hover: #202020;
1302
1312
  --interactive-chip-channel-primary-off-border-pressed: #1e1e1e;
1303
- --interactive-chip-channel-primary-on-fill-default: #333333;
1313
+ --interactive-chip-channel-primary-on-fill-default: #cccccc;
1304
1314
  --interactive-chip-channel-primary-on-fill-hover: #adadad;
1305
1315
  --interactive-chip-channel-primary-on-fill-pressed: #a3a3a3;
1306
- --interactive-chip-channel-primary-on-text-default: #ffffff;
1316
+ --interactive-chip-channel-primary-on-text-default: #000000;
1307
1317
  --interactive-chip-channel-primary-on-text-hover: #000000;
1308
1318
  --interactive-chip-channel-primary-on-text-pressed: #000000;
1309
- --interactive-chip-channel-primary-on-icon-default: #ffffff;
1319
+ --interactive-chip-channel-primary-on-icon-default: #000000;
1310
1320
  --interactive-chip-channel-primary-on-icon-hover: #000000;
1311
1321
  --interactive-chip-channel-primary-on-icon-pressed: #000000;
1312
- --active-fill: #000000;
1313
- --active-text: #ffffff;
1314
- --active-border: #737373;
1315
- --active-icon: #ffffff;
1316
- --focus-border: #737373;
1317
- --label-primary: #000000;
1318
- --label-secondary: #262626;
1319
- --label-channel: #666666;
1320
- --label-callout: #ff403a;
1321
- --flag-primary-fill: #000000;
1322
- --flag-primary-text: #f2f2f2;
1323
- --flag-primary-icon: #f2f2f2;
1324
- --flag-secondary-text: #000000;
1325
- --flag-secondary-icon: #000000;
1326
- --flag-channel-fill: #a8a8a8;
1327
- --flag-channel-text: #1a1a1a;
1328
- --flag-channel-icon: #1a1a1a;
1329
- --flag-callout-fill: #ff403a;
1330
- --flag-callout-text: #000000;
1331
- --flag-callout-icon: #000000;
1332
- --toast-fill-info: #6788c4;
1333
- --toast-fill-success: #a9d8be;
1334
- --toast-fill-warning: #ffcd8b;
1335
- --toast-fill-error: #ff9f98;
1336
- --toast-icon-info: #0b2c62;
1337
- --toast-icon-success: #1b5339;
1338
- --toast-icon-warning: #7e520d;
1339
- --toast-icon-error: #670909;
1340
- --toast-text-info: #000000;
1341
- --toast-text-success: #000000;
1342
- --toast-text-error: #000000;
1343
- --toast-text-warning: #ffffff;
1344
- --toast-link-info-default: #000000;
1322
+ --interactive-tab-fill-default: #000000;
1323
+ --interactive-tab-fill-hover: #0d0d0d;
1324
+ --interactive-tab-fill-pressed: #262626;
1325
+ --interactive-tab-text-default: #ffffff;
1326
+ --interactive-tab-text-hover: #d9d9d9;
1327
+ --interactive-tab-text-pressed: #d9d9d9;
1328
+ --interactive-tab-icon-default: #ffffff;
1329
+ --interactive-tab-icon-hover: #d9d9d9;
1330
+ --interactive-tab-icon-pressed: #d9d9d9;
1331
+ --interactive-tab-selected-border-default: #8c8c8c;
1332
+ --active-fill: #ffffff;
1333
+ --active-text: #000000;
1334
+ --active-border: #8c8c8c;
1335
+ --active-icon: #000000;
1336
+ --focus-border: #8c8c8c;
1337
+ --label-primary: #ffffff;
1338
+ --label-secondary: #d9d9d9;
1339
+ --label-channel: #999999;
1340
+ --label-callout: #ff3933;
1341
+ --flag-primary-fill: #ffffff;
1342
+ --flag-primary-text: #0d0d0d;
1343
+ --flag-primary-icon: #0d0d0d;
1344
+ --flag-secondary-text: #ffffff;
1345
+ --flag-secondary-icon: #ffffff;
1346
+ --flag-channel-fill: #575757;
1347
+ --flag-channel-text: #e6e6e6;
1348
+ --flag-channel-icon: #e6e6e6;
1349
+ --flag-callout-fill: #ff3933;
1350
+ --flag-callout-text: #ffffff;
1351
+ --flag-callout-icon: #ffffff;
1352
+ --toast-fill-info: #0f4aa2;
1353
+ --toast-fill-success: #2c865b;
1354
+ --toast-fill-warning: #e49307;
1355
+ --toast-fill-error: #cb0705;
1356
+ --toast-icon-info: #aabbdc;
1357
+ --toast-icon-success: #c1e1d0;
1358
+ --toast-icon-warning: #ffddb0;
1359
+ --toast-icon-error: #ffbfbb;
1360
+ --toast-text-info: #ffffff;
1361
+ --toast-text-success: #ffffff;
1362
+ --toast-text-error: #ffffff;
1363
+ --toast-text-warning: #000000;
1364
+ --toast-link-info-default: #ffffff;
1345
1365
  --toast-link-info-hover: #d9d9d9;
1346
1366
  --toast-link-info-pressed: #cccccc;
1347
- --toast-link-success-default: #000000;
1367
+ --toast-link-success-default: #ffffff;
1348
1368
  --toast-link-success-hover: #d9d9d9;
1349
1369
  --toast-link-success-pressed: #cccccc;
1350
- --toast-link-error-default: #000000;
1370
+ --toast-link-error-default: #ffffff;
1351
1371
  --toast-link-error-hover: #d9d9d9;
1352
1372
  --toast-link-error-pressed: #cccccc;
1353
- --toast-link-warning-default: #ffffff;
1373
+ --toast-link-warning-default: #000000;
1354
1374
  --toast-link-warning-hover: #000000;
1355
1375
  --toast-link-warning-pressed: #000000;
1356
- --tooltip-fill: #000000;
1357
- --tooltip-text: #ffffff;
1358
- --tooltip-icon: #ffffff;
1376
+ --tooltip-fill: #ffffff;
1377
+ --tooltip-text: #000000;
1378
+ --tooltip-icon: #000000;
1359
1379
  }
1360
1380
 
1361
1381
  [data-theme="comment"] {
1362
- --surface-channel-50: #fbf5f5;
1363
- --surface-channel-100: #f2e5e8;
1364
- --surface-channel-200: #d49eab;
1365
- --surface-channel-300: #a33254;
1366
- --surface-channel-400: #6c1730;
1367
- --surface-channel-500: #3d0e1c;
1368
- --text-channel-primary: #5c1328;
1369
- --text-channel-secondary: #7d1738;
1370
- --text-channel-tertiary: #a33254;
1371
- --icon-channel-primary: #e0b3bf;
1372
- --icon-channel-secondary: #cc8799;
1373
- --icon-channel-tertiary: #a33254;
1374
- --border-channel-primary: #cc8799;
1375
- --border-channel-secondary: #e8c8d1;
1376
- --border-channel-tertiary: #f2e5e8;
1377
- --active-border: #000000;
1378
- --label-channel: #a33254;
1379
- --flag-channel-fill: #d49eab;
1380
- --flag-channel-text: #3d0e1c;
1381
- --flag-channel-icon: #3d0e1c;
1382
- --interactive-negative-border-default: #ff8883;
1382
+ --surface-channel-50: #1f060d;
1383
+ --surface-channel-100: #3d0e1c;
1384
+ --surface-channel-200: #7d1738;
1385
+ --surface-channel-300: #aa4361;
1386
+ --surface-channel-400: #c06f85;
1387
+ --surface-channel-500: #d091a4;
1388
+ --text-channel-primary: #c47c8f;
1389
+ --text-channel-secondary: #bb677d;
1390
+ --text-channel-tertiary: #aa4361;
1391
+ --icon-channel-primary: #6c1730;
1392
+ --icon-channel-secondary: #8b1c3f;
1393
+ --icon-channel-tertiary: #aa4361;
1394
+ --border-channel-primary: #8b1c3f;
1395
+ --border-channel-secondary: #5c1328;
1396
+ --border-channel-tertiary: #3d0e1c;
1397
+ --active-border: #ffffff;
1398
+ --label-channel: #aa4361;
1399
+ --flag-channel-fill: #7d1738;
1400
+ --flag-channel-text: #d091a4;
1401
+ --flag-channel-icon: #d091a4;
1402
+ --interactive-negative-border-default: #e70300;
1383
1403
  --interactive-negative-border-hover: #c40300;
1384
1404
  --interactive-negative-border-pressed: #b90200;
1385
- --interactive-negative-text-default: #ff8883;
1405
+ --interactive-negative-text-default: #e70300;
1386
1406
  --interactive-negative-text-hover: #c40300;
1387
1407
  --interactive-negative-text-pressed: #b90200;
1388
- --interactive-negative-icon-default: #ff8883;
1408
+ --interactive-negative-icon-default: #e70300;
1389
1409
  --interactive-negative-icon-hover: #c40300;
1390
1410
  --interactive-negative-icon-pressed: #b90200;
1391
- --interactive-link-secondary-text-default: #737373;
1411
+ --interactive-link-secondary-text-default: #8c8c8c;
1392
1412
  --interactive-link-secondary-text-hover: #777777;
1393
1413
  --interactive-link-secondary-text-pressed: #707070;
1394
1414
  --interactive-link-secondary-text-visited: #9a9a9a;
1395
- --interactive-link-secondary-icon-default: #737373;
1415
+ --interactive-link-secondary-icon-default: #8c8c8c;
1396
1416
  --interactive-link-secondary-icon-hover: #777777;
1397
1417
  --interactive-link-secondary-icon-pressed: #707070;
1398
1418
  --interactive-link-secondary-icon-visited: #9a9a9a;
1399
- --interactive-link-secondary-underline-default: #737373;
1419
+ --interactive-link-secondary-underline-default: #8c8c8c;
1400
1420
  --interactive-link-secondary-underline-hover: #9d9d9d;
1401
1421
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1402
1422
  --interactive-link-secondary-underline-visited: #7e7e7e;
1403
1423
  --interactive-chip-channel-secondary-off-fill-default: #3d0e1c;
1404
1424
  --interactive-chip-channel-secondary-off-fill-hover: #340c18;
1405
1425
  --interactive-chip-channel-secondary-off-fill-pressed: #310b17;
1406
- --interactive-chip-channel-secondary-off-text-default: #6c1730;
1426
+ --interactive-chip-channel-secondary-off-text-default: #c06f85;
1407
1427
  --interactive-chip-channel-secondary-off-text-hover: #b24f6a;
1408
1428
  --interactive-chip-channel-secondary-off-text-pressed: #a84a63;
1409
- --interactive-chip-channel-secondary-off-icon-default: #6c1730;
1429
+ --interactive-chip-channel-secondary-off-icon-default: #c06f85;
1410
1430
  --interactive-chip-channel-secondary-off-icon-hover: #b24f6a;
1411
1431
  --interactive-chip-channel-secondary-off-icon-pressed: #a84a63;
1412
- --interactive-chip-channel-secondary-on-border-default: #6c1730;
1432
+ --interactive-chip-channel-secondary-on-border-default: #c06f85;
1413
1433
  --interactive-chip-channel-secondary-on-border-hover: #b24f6a;
1414
1434
  --interactive-chip-channel-secondary-on-border-pressed: #a84a63;
1415
- --interactive-chip-channel-secondary-on-fill-default: #f2e5e8;
1435
+ --interactive-chip-channel-secondary-on-fill-default: #3d0e1c;
1416
1436
  --interactive-chip-channel-secondary-on-fill-hover: #340c18;
1417
1437
  --interactive-chip-channel-secondary-on-fill-pressed: #310b17;
1418
- --interactive-chip-channel-secondary-on-text-default: #000000;
1438
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1419
1439
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1420
1440
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1421
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1441
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1422
1442
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1423
1443
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1424
- --interactive-chip-channel-primary-off-fill-default: #fbf5f5;
1444
+ --interactive-chip-channel-primary-off-fill-default: #1f060d;
1425
1445
  --interactive-chip-channel-primary-off-fill-hover: #1a050b;
1426
1446
  --interactive-chip-channel-primary-off-fill-pressed: #19050a;
1427
- --interactive-chip-channel-primary-off-text-default: #3d0e1c;
1447
+ --interactive-chip-channel-primary-off-text-default: #d091a4;
1428
1448
  --interactive-chip-channel-primary-off-text-hover: #c06c85;
1429
1449
  --interactive-chip-channel-primary-off-text-pressed: #bb607b;
1430
- --interactive-chip-channel-primary-off-icon-default: #3d0e1c;
1450
+ --interactive-chip-channel-primary-off-icon-default: #d091a4;
1431
1451
  --interactive-chip-channel-primary-off-icon-hover: #c06c85;
1432
1452
  --interactive-chip-channel-primary-off-icon-pressed: #bb607b;
1433
- --interactive-chip-channel-primary-off-border-default: #d49eab;
1453
+ --interactive-chip-channel-primary-off-border-default: #7d1738;
1434
1454
  --interactive-chip-channel-primary-off-border-hover: #6a142f;
1435
1455
  --interactive-chip-channel-primary-off-border-pressed: #64122c;
1436
- --interactive-chip-channel-primary-on-fill-default: #d49eab;
1456
+ --interactive-chip-channel-primary-on-fill-default: #7d1738;
1437
1457
  --interactive-chip-channel-primary-on-fill-hover: #6a142f;
1438
1458
  --interactive-chip-channel-primary-on-fill-pressed: #64122c;
1439
- --interactive-chip-channel-primary-on-text-default: #000000;
1459
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1440
1460
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1441
1461
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1442
- --interactive-chip-channel-primary-on-icon-default: #000000;
1462
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1443
1463
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1444
1464
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1465
+ --interactive-tab-selected-border-default: #ffffff;
1445
1466
  }
1446
1467
 
1447
1468
  [data-theme="life-and-style"] {
1448
- --surface-channel-50: #f1fcfd;
1449
- --surface-channel-100: #dcf7fb;
1450
- --surface-channel-200: #82e2f1;
1451
- --surface-channel-300: #39a6bb;
1452
- --surface-channel-400: #1e6d7b;
1453
- --surface-channel-500: #1a3e46;
1454
- --text-channel-primary: #2ecfe8;
1455
- --text-channel-secondary: #66dcee;
1456
- --text-channel-tertiary: #9ee9f4;
1457
- --icon-channel-primary: #39a6bb;
1458
- --icon-channel-secondary: #1a8ea1;
1459
- --icon-channel-tertiary: #9ee9f4;
1460
- --border-channel-primary: #66dcee;
1461
- --border-channel-secondary: #baeff7;
1462
- --border-channel-tertiary: #dcf7fb;
1463
- --active-border: #000000;
1464
- --label-channel: #39a6bb;
1465
- --flag-channel-fill: #82e2f1;
1466
- --flag-channel-text: #1a3e46;
1467
- --flag-channel-icon: #1a3e46;
1468
- --interactive-negative-border-default: #ff8883;
1469
+ --surface-channel-50: #0a1f24;
1470
+ --surface-channel-100: #104149;
1471
+ --surface-channel-200: #147f91;
1472
+ --surface-channel-300: #47adbf;
1473
+ --surface-channel-400: #76c1ce;
1474
+ --surface-channel-500: #97d0da;
1475
+ --text-channel-primary: #29a3b8;
1476
+ --text-channel-secondary: #168ea3;
1477
+ --text-channel-tertiary: #116f7f;
1478
+ --icon-channel-primary: #47adbf;
1479
+ --icon-channel-secondary: #63b7c7;
1480
+ --icon-channel-tertiary: #116f7f;
1481
+ --border-channel-primary: #168ea3;
1482
+ --border-channel-secondary: #0f606d;
1483
+ --border-channel-tertiary: #104149;
1484
+ --active-border: #ffffff;
1485
+ --label-channel: #47adbf;
1486
+ --flag-channel-fill: #147f91;
1487
+ --flag-channel-text: #97d0da;
1488
+ --flag-channel-icon: #97d0da;
1489
+ --interactive-negative-border-default: #e70300;
1469
1490
  --interactive-negative-border-hover: #c40300;
1470
1491
  --interactive-negative-border-pressed: #b90200;
1471
- --interactive-negative-text-default: #ff8883;
1492
+ --interactive-negative-text-default: #e70300;
1472
1493
  --interactive-negative-text-hover: #c40300;
1473
1494
  --interactive-negative-text-pressed: #b90200;
1474
- --interactive-negative-icon-default: #ff8883;
1495
+ --interactive-negative-icon-default: #e70300;
1475
1496
  --interactive-negative-icon-hover: #c40300;
1476
1497
  --interactive-negative-icon-pressed: #b90200;
1477
- --interactive-link-secondary-text-default: #737373;
1498
+ --interactive-link-secondary-text-default: #8c8c8c;
1478
1499
  --interactive-link-secondary-text-hover: #777777;
1479
1500
  --interactive-link-secondary-text-pressed: #707070;
1480
1501
  --interactive-link-secondary-text-visited: #9a9a9a;
1481
- --interactive-link-secondary-icon-default: #737373;
1502
+ --interactive-link-secondary-icon-default: #8c8c8c;
1482
1503
  --interactive-link-secondary-icon-hover: #777777;
1483
1504
  --interactive-link-secondary-icon-pressed: #707070;
1484
1505
  --interactive-link-secondary-icon-visited: #9a9a9a;
1485
- --interactive-link-secondary-underline-default: #737373;
1506
+ --interactive-link-secondary-underline-default: #8c8c8c;
1486
1507
  --interactive-link-secondary-underline-hover: #9d9d9d;
1487
1508
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1488
1509
  --interactive-link-secondary-underline-visited: #7e7e7e;
1489
1510
  --interactive-chip-channel-secondary-off-fill-default: #104149;
1490
1511
  --interactive-chip-channel-secondary-off-fill-hover: #0e373e;
1491
1512
  --interactive-chip-channel-secondary-off-fill-pressed: #0d343b;
1492
- --interactive-chip-channel-secondary-off-text-default: #1e6d7b;
1513
+ --interactive-chip-channel-secondary-off-text-default: #76c1ce;
1493
1514
  --interactive-chip-channel-secondary-off-text-hover: #52b1c1;
1494
1515
  --interactive-chip-channel-secondary-off-text-pressed: #46abbd;
1495
- --interactive-chip-channel-secondary-off-icon-default: #1e6d7b;
1516
+ --interactive-chip-channel-secondary-off-icon-default: #76c1ce;
1496
1517
  --interactive-chip-channel-secondary-off-icon-hover: #52b1c1;
1497
1518
  --interactive-chip-channel-secondary-off-icon-pressed: #46abbd;
1498
- --interactive-chip-channel-secondary-on-border-default: #1e6d7b;
1519
+ --interactive-chip-channel-secondary-on-border-default: #76c1ce;
1499
1520
  --interactive-chip-channel-secondary-on-border-hover: #52b1c1;
1500
1521
  --interactive-chip-channel-secondary-on-border-pressed: #46abbd;
1501
- --interactive-chip-channel-secondary-on-fill-default: #dcf7fb;
1522
+ --interactive-chip-channel-secondary-on-fill-default: #104149;
1502
1523
  --interactive-chip-channel-secondary-on-fill-hover: #0e373e;
1503
1524
  --interactive-chip-channel-secondary-on-fill-pressed: #0d343b;
1504
- --interactive-chip-channel-secondary-on-text-default: #000000;
1525
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1505
1526
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1506
1527
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1507
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1528
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1508
1529
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1509
1530
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1510
- --interactive-chip-channel-primary-off-fill-default: #f1fcfd;
1531
+ --interactive-chip-channel-primary-off-fill-default: #0a1f24;
1511
1532
  --interactive-chip-channel-primary-off-fill-hover: #091a1f;
1512
1533
  --interactive-chip-channel-primary-off-fill-pressed: #08191d;
1513
- --interactive-chip-channel-primary-off-text-default: #1a3e46;
1534
+ --interactive-chip-channel-primary-off-text-default: #97d0da;
1514
1535
  --interactive-chip-channel-primary-off-text-hover: #6ebdcb;
1515
1536
  --interactive-chip-channel-primary-off-text-pressed: #61b7c7;
1516
- --interactive-chip-channel-primary-off-icon-default: #1a3e46;
1537
+ --interactive-chip-channel-primary-off-icon-default: #97d0da;
1517
1538
  --interactive-chip-channel-primary-off-icon-hover: #6ebdcb;
1518
1539
  --interactive-chip-channel-primary-off-icon-pressed: #61b7c7;
1519
- --interactive-chip-channel-primary-off-border-default: #82e2f1;
1540
+ --interactive-chip-channel-primary-off-border-default: #147f91;
1520
1541
  --interactive-chip-channel-primary-off-border-hover: #116b7b;
1521
1542
  --interactive-chip-channel-primary-off-border-pressed: #106574;
1522
- --interactive-chip-channel-primary-on-fill-default: #82e2f1;
1543
+ --interactive-chip-channel-primary-on-fill-default: #147f91;
1523
1544
  --interactive-chip-channel-primary-on-fill-hover: #116b7b;
1524
1545
  --interactive-chip-channel-primary-on-fill-pressed: #106574;
1525
- --interactive-chip-channel-primary-on-text-default: #000000;
1546
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1526
1547
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1527
1548
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1528
- --interactive-chip-channel-primary-on-icon-default: #000000;
1549
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1529
1550
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1530
1551
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1552
+ --interactive-tab-selected-border-default: #ffffff;
1531
1553
  }
1532
1554
 
1533
1555
  [data-theme="puzzles"] {
1534
- --surface-channel-50: #fef7f4;
1535
- --surface-channel-100: #fdede7;
1536
- --surface-channel-200: #f3c0a7;
1537
- --surface-channel-300: #e17d46;
1538
- --surface-channel-400: #9b5024;
1539
- --surface-channel-500: #5a2e17;
1540
- --text-channel-primary: #e7986b;
1541
- --text-channel-secondary: #efb392;
1542
- --text-channel-tertiary: #f6d0ba;
1543
- --icon-channel-primary: #e68854;
1544
- --icon-channel-secondary: #df7334;
1545
- --icon-channel-tertiary: #f6d0ba;
1546
- --border-channel-primary: #efb392;
1547
- --border-channel-secondary: #f7ddcf;
1548
- --border-channel-tertiary: #fdede7;
1549
- --active-border: #000000;
1550
- --label-channel: #e17d46;
1551
- --flag-channel-fill: #f3c0a7;
1552
- --flag-channel-text: #5a2e17;
1553
- --flag-channel-icon: #5a2e17;
1554
- --interactive-negative-border-default: #ff8883;
1556
+ --surface-channel-50: #2c160b;
1557
+ --surface-channel-100: #5a2e17;
1558
+ --surface-channel-200: #b45c2a;
1559
+ --surface-channel-300: #e68854;
1560
+ --surface-channel-400: #eba37f;
1561
+ --surface-channel-500: #f0bb9c;
1562
+ --text-channel-primary: #e17a40;
1563
+ --text-channel-secondary: #c96930;
1564
+ --text-channel-tertiary: #9b5024;
1565
+ --icon-channel-primary: #e3824c;
1566
+ --icon-channel-secondary: #e89060;
1567
+ --icon-channel-tertiary: #9b5024;
1568
+ --border-channel-primary: #c96930;
1569
+ --border-channel-secondary: #864421;
1570
+ --border-channel-tertiary: #5a2e17;
1571
+ --active-border: #ffffff;
1572
+ --label-channel: #e68854;
1573
+ --flag-channel-fill: #b45c2a;
1574
+ --flag-channel-text: #f0bb9c;
1575
+ --flag-channel-icon: #f0bb9c;
1576
+ --interactive-negative-border-default: #e70300;
1555
1577
  --interactive-negative-border-hover: #c40300;
1556
1578
  --interactive-negative-border-pressed: #b90200;
1557
- --interactive-negative-text-default: #ff8883;
1579
+ --interactive-negative-text-default: #e70300;
1558
1580
  --interactive-negative-text-hover: #c40300;
1559
1581
  --interactive-negative-text-pressed: #b90200;
1560
- --interactive-negative-icon-default: #ff8883;
1582
+ --interactive-negative-icon-default: #e70300;
1561
1583
  --interactive-negative-icon-hover: #c40300;
1562
1584
  --interactive-negative-icon-pressed: #b90200;
1563
- --interactive-link-secondary-text-default: #737373;
1585
+ --interactive-link-secondary-text-default: #8c8c8c;
1564
1586
  --interactive-link-secondary-text-hover: #777777;
1565
1587
  --interactive-link-secondary-text-pressed: #707070;
1566
1588
  --interactive-link-secondary-text-visited: #9a9a9a;
1567
- --interactive-link-secondary-icon-default: #737373;
1589
+ --interactive-link-secondary-icon-default: #8c8c8c;
1568
1590
  --interactive-link-secondary-icon-hover: #777777;
1569
1591
  --interactive-link-secondary-icon-pressed: #707070;
1570
1592
  --interactive-link-secondary-icon-visited: #9a9a9a;
1571
- --interactive-link-secondary-underline-default: #737373;
1593
+ --interactive-link-secondary-underline-default: #8c8c8c;
1572
1594
  --interactive-link-secondary-underline-hover: #9d9d9d;
1573
1595
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1574
1596
  --interactive-link-secondary-underline-visited: #7e7e7e;
1575
1597
  --interactive-chip-channel-secondary-off-fill-default: #5a2e17;
1576
1598
  --interactive-chip-channel-secondary-off-fill-hover: #4c2714;
1577
1599
  --interactive-chip-channel-secondary-off-fill-pressed: #482512;
1578
- --interactive-chip-channel-secondary-off-text-default: #9b5024;
1600
+ --interactive-chip-channel-secondary-off-text-default: #eba37f;
1579
1601
  --interactive-chip-channel-secondary-off-text-hover: #e48150;
1580
1602
  --interactive-chip-channel-secondary-off-text-pressed: #e17640;
1581
- --interactive-chip-channel-secondary-off-icon-default: #9b5024;
1603
+ --interactive-chip-channel-secondary-off-icon-default: #eba37f;
1582
1604
  --interactive-chip-channel-secondary-off-icon-hover: #e48150;
1583
1605
  --interactive-chip-channel-secondary-off-icon-pressed: #e17640;
1584
- --interactive-chip-channel-secondary-on-border-default: #9b5024;
1606
+ --interactive-chip-channel-secondary-on-border-default: #eba37f;
1585
1607
  --interactive-chip-channel-secondary-on-border-hover: #e48150;
1586
1608
  --interactive-chip-channel-secondary-on-border-pressed: #e17640;
1587
- --interactive-chip-channel-secondary-on-fill-default: #fdede7;
1609
+ --interactive-chip-channel-secondary-on-fill-default: #5a2e17;
1588
1610
  --interactive-chip-channel-secondary-on-fill-hover: #4c2714;
1589
1611
  --interactive-chip-channel-secondary-on-fill-pressed: #482512;
1590
- --interactive-chip-channel-secondary-on-text-default: #000000;
1612
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1591
1613
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1592
1614
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1593
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1615
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1594
1616
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1595
1617
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1596
- --interactive-chip-channel-primary-off-fill-default: #fef7f4;
1618
+ --interactive-chip-channel-primary-off-fill-default: #2c160b;
1597
1619
  --interactive-chip-channel-primary-off-fill-hover: #251309;
1598
1620
  --interactive-chip-channel-primary-off-fill-pressed: #231209;
1599
- --interactive-chip-channel-primary-off-text-default: #5a2e17;
1621
+ --interactive-chip-channel-primary-off-text-default: #f0bb9c;
1600
1622
  --interactive-chip-channel-primary-off-text-hover: #e89768;
1601
1623
  --interactive-chip-channel-primary-off-text-pressed: #e68c57;
1602
- --interactive-chip-channel-primary-off-icon-default: #5a2e17;
1624
+ --interactive-chip-channel-primary-off-icon-default: #f0bb9c;
1603
1625
  --interactive-chip-channel-primary-off-icon-hover: #e89768;
1604
1626
  --interactive-chip-channel-primary-off-icon-pressed: #e68c57;
1605
- --interactive-chip-channel-primary-off-border-default: #f3c0a7;
1627
+ --interactive-chip-channel-primary-off-border-default: #b45c2a;
1606
1628
  --interactive-chip-channel-primary-off-border-hover: #994e24;
1607
1629
  --interactive-chip-channel-primary-off-border-pressed: #904922;
1608
- --interactive-chip-channel-primary-on-fill-default: #f3c0a7;
1630
+ --interactive-chip-channel-primary-on-fill-default: #b45c2a;
1609
1631
  --interactive-chip-channel-primary-on-fill-hover: #994e24;
1610
1632
  --interactive-chip-channel-primary-on-fill-pressed: #904922;
1611
- --interactive-chip-channel-primary-on-text-default: #000000;
1633
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1612
1634
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1613
1635
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1614
- --interactive-chip-channel-primary-on-icon-default: #000000;
1636
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1615
1637
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1616
1638
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1639
+ --interactive-tab-selected-border-default: #ffffff;
1617
1640
  }
1618
1641
 
1619
1642
  [data-theme="home"] {
1620
- --surface-channel-50: #f4f7fd;
1621
- --surface-channel-100: #e4ebf9;
1622
- --surface-channel-200: #9cb6ea;
1623
- --surface-channel-300: #286ad0;
1624
- --surface-channel-400: #10418f;
1625
- --surface-channel-500: #0b2452;
1626
- --text-channel-primary: #124ba1;
1627
- --text-channel-secondary: #135dcb;
1628
- --text-channel-tertiary: #6d95de;
1629
- --icon-channel-primary: #9cb6ea;
1630
- --icon-channel-secondary: #6d95de;
1631
- --icon-channel-tertiary: #6d95de;
1632
- --border-channel-primary: #82a7e3;
1633
- --border-channel-secondary: #c6d7f2;
1634
- --border-channel-tertiary: #e4ebf9;
1635
- --active-border: #000000;
1636
- --label-channel: #286ad0;
1637
- --flag-channel-fill: #9cb6ea;
1638
- --flag-channel-text: #0b2452;
1639
- --flag-channel-icon: #0b2452;
1640
- --interactive-negative-border-default: #ff8883;
1643
+ --surface-channel-50: #051228;
1644
+ --surface-channel-100: #0b2452;
1645
+ --surface-channel-200: #124ba1;
1646
+ --surface-channel-300: #3f77d2;
1647
+ --surface-channel-400: #6d95de;
1648
+ --surface-channel-500: #91aee5;
1649
+ --text-channel-primary: #628ddc;
1650
+ --text-channel-secondary: #4b7ed5;
1651
+ --text-channel-tertiary: #135dcb;
1652
+ --icon-channel-primary: #124ba1;
1653
+ --icon-channel-secondary: #135dcb;
1654
+ --icon-channel-tertiary: #135dcb;
1655
+ --border-channel-primary: #1053b6;
1656
+ --border-channel-secondary: #0b397a;
1657
+ --border-channel-tertiary: #0b2452;
1658
+ --active-border: #ffffff;
1659
+ --label-channel: #3f77d2;
1660
+ --flag-channel-fill: #124ba1;
1661
+ --flag-channel-text: #91aee5;
1662
+ --flag-channel-icon: #91aee5;
1663
+ --interactive-negative-border-default: #e70300;
1641
1664
  --interactive-negative-border-hover: #c40300;
1642
1665
  --interactive-negative-border-pressed: #b90200;
1643
- --interactive-negative-text-default: #ff8883;
1666
+ --interactive-negative-text-default: #e70300;
1644
1667
  --interactive-negative-text-hover: #c40300;
1645
1668
  --interactive-negative-text-pressed: #b90200;
1646
- --interactive-negative-icon-default: #ff8883;
1669
+ --interactive-negative-icon-default: #e70300;
1647
1670
  --interactive-negative-icon-hover: #c40300;
1648
1671
  --interactive-negative-icon-pressed: #b90200;
1649
- --interactive-link-secondary-text-default: #737373;
1672
+ --interactive-link-secondary-text-default: #8c8c8c;
1650
1673
  --interactive-link-secondary-text-hover: #777777;
1651
1674
  --interactive-link-secondary-text-pressed: #707070;
1652
1675
  --interactive-link-secondary-text-visited: #9a9a9a;
1653
- --interactive-link-secondary-icon-default: #737373;
1676
+ --interactive-link-secondary-icon-default: #8c8c8c;
1654
1677
  --interactive-link-secondary-icon-hover: #777777;
1655
1678
  --interactive-link-secondary-icon-pressed: #707070;
1656
1679
  --interactive-link-secondary-icon-visited: #9a9a9a;
1657
- --interactive-link-secondary-underline-default: #737373;
1680
+ --interactive-link-secondary-underline-default: #8c8c8c;
1658
1681
  --interactive-link-secondary-underline-hover: #9d9d9d;
1659
1682
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1660
1683
  --interactive-link-secondary-underline-visited: #7e7e7e;
1661
1684
  --interactive-chip-channel-secondary-off-fill-default: #0b2452;
1662
1685
  --interactive-chip-channel-secondary-off-fill-hover: #091e46;
1663
1686
  --interactive-chip-channel-secondary-off-fill-pressed: #091d42;
1664
- --interactive-chip-channel-secondary-off-text-default: #10418f;
1687
+ --interactive-chip-channel-secondary-off-text-default: #6d95de;
1665
1688
  --interactive-chip-channel-secondary-off-text-hover: #4577d5;
1666
1689
  --interactive-chip-channel-secondary-off-text-pressed: #376dd2;
1667
- --interactive-chip-channel-secondary-off-icon-default: #10418f;
1690
+ --interactive-chip-channel-secondary-off-icon-default: #6d95de;
1668
1691
  --interactive-chip-channel-secondary-off-icon-hover: #4577d5;
1669
1692
  --interactive-chip-channel-secondary-off-icon-pressed: #376dd2;
1670
- --interactive-chip-channel-secondary-on-border-default: #10418f;
1693
+ --interactive-chip-channel-secondary-on-border-default: #6d95de;
1671
1694
  --interactive-chip-channel-secondary-on-border-hover: #4577d5;
1672
1695
  --interactive-chip-channel-secondary-on-border-pressed: #376dd2;
1673
- --interactive-chip-channel-secondary-on-fill-default: #e4ebf9;
1696
+ --interactive-chip-channel-secondary-on-fill-default: #0b2452;
1674
1697
  --interactive-chip-channel-secondary-on-fill-hover: #091e46;
1675
1698
  --interactive-chip-channel-secondary-on-fill-pressed: #091d42;
1676
- --interactive-chip-channel-secondary-on-text-default: #000000;
1699
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1677
1700
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1678
1701
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1679
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1702
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1680
1703
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1681
1704
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1682
- --interactive-chip-channel-primary-off-fill-default: #f4f7fd;
1705
+ --interactive-chip-channel-primary-off-fill-default: #051228;
1683
1706
  --interactive-chip-channel-primary-off-fill-hover: #040f22;
1684
1707
  --interactive-chip-channel-primary-off-fill-pressed: #040e20;
1685
- --interactive-chip-channel-primary-off-text-default: #0b2452;
1708
+ --interactive-chip-channel-primary-off-text-default: #91aee5;
1686
1709
  --interactive-chip-channel-primary-off-text-hover: #638dda;
1687
1710
  --interactive-chip-channel-primary-off-text-pressed: #5582d7;
1688
- --interactive-chip-channel-primary-off-icon-default: #0b2452;
1711
+ --interactive-chip-channel-primary-off-icon-default: #91aee5;
1689
1712
  --interactive-chip-channel-primary-off-icon-hover: #638dda;
1690
1713
  --interactive-chip-channel-primary-off-icon-pressed: #5582d7;
1691
- --interactive-chip-channel-primary-off-border-default: #9cb6ea;
1714
+ --interactive-chip-channel-primary-off-border-default: #124ba1;
1692
1715
  --interactive-chip-channel-primary-off-border-hover: #0f4089;
1693
1716
  --interactive-chip-channel-primary-off-border-pressed: #0e3c81;
1694
- --interactive-chip-channel-primary-on-fill-default: #9cb6ea;
1717
+ --interactive-chip-channel-primary-on-fill-default: #124ba1;
1695
1718
  --interactive-chip-channel-primary-on-fill-hover: #0f4089;
1696
1719
  --interactive-chip-channel-primary-on-fill-pressed: #0e3c81;
1697
- --interactive-chip-channel-primary-on-text-default: #000000;
1720
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1698
1721
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1699
1722
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1700
- --interactive-chip-channel-primary-on-icon-default: #000000;
1723
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1701
1724
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1702
1725
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1726
+ --interactive-tab-selected-border-default: #ffffff;
1703
1727
  }
1704
1728
 
1705
1729
  [data-theme="uk"] {
1706
- --surface-channel-50: #f4f7fa;
1707
- --surface-channel-100: #e7edf3;
1708
- --surface-channel-200: #a9c0d0;
1709
- --surface-channel-300: #4f7c9f;
1710
- --surface-channel-400: #2e5068;
1711
- --surface-channel-500: #1a2e3c;
1712
- --text-channel-primary: #3b6488;
1713
- --text-channel-secondary: #4f7c9f;
1714
- --text-channel-tertiary: #96b1c7;
1715
- --icon-channel-primary: #96b1c7;
1716
- --icon-channel-secondary: #7095b0;
1717
- --icon-channel-tertiary: #96b1c7;
1718
- --border-channel-primary: #96b1c7;
1719
- --border-channel-secondary: #cfdce4;
1720
- --border-channel-tertiary: #e7edf3;
1721
- --active-border: #000000;
1722
- --label-channel: #4f7c9f;
1723
- --flag-channel-fill: #a9c0d0;
1724
- --flag-channel-text: #1a2e3c;
1725
- --flag-channel-icon: #1a2e3c;
1726
- --interactive-negative-border-default: #ff8883;
1730
+ --surface-channel-50: #0d171f;
1731
+ --surface-channel-100: #1a2e3c;
1732
+ --surface-channel-200: #345a78;
1733
+ --surface-channel-300: #5d86a6;
1734
+ --surface-channel-400: #84a2ba;
1735
+ --surface-channel-500: #a1b8cb;
1736
+ --text-channel-primary: #7095b0;
1737
+ --text-channel-secondary: #5d86a6;
1738
+ --text-channel-tertiary: #3b6488;
1739
+ --icon-channel-primary: #3b6488;
1740
+ --icon-channel-secondary: #49799c;
1741
+ --icon-channel-tertiary: #3b6488;
1742
+ --border-channel-primary: #3b6488;
1743
+ --border-channel-secondary: #28435b;
1744
+ --border-channel-tertiary: #1a2e3c;
1745
+ --active-border: #ffffff;
1746
+ --label-channel: #5d86a6;
1747
+ --flag-channel-fill: #345a78;
1748
+ --flag-channel-text: #a1b8cb;
1749
+ --flag-channel-icon: #a1b8cb;
1750
+ --interactive-negative-border-default: #e70300;
1727
1751
  --interactive-negative-border-hover: #c40300;
1728
1752
  --interactive-negative-border-pressed: #b90200;
1729
- --interactive-negative-text-default: #ff8883;
1753
+ --interactive-negative-text-default: #e70300;
1730
1754
  --interactive-negative-text-hover: #c40300;
1731
1755
  --interactive-negative-text-pressed: #b90200;
1732
- --interactive-negative-icon-default: #ff8883;
1756
+ --interactive-negative-icon-default: #e70300;
1733
1757
  --interactive-negative-icon-hover: #c40300;
1734
1758
  --interactive-negative-icon-pressed: #b90200;
1735
- --interactive-link-secondary-text-default: #737373;
1759
+ --interactive-link-secondary-text-default: #8c8c8c;
1736
1760
  --interactive-link-secondary-text-hover: #777777;
1737
1761
  --interactive-link-secondary-text-pressed: #707070;
1738
1762
  --interactive-link-secondary-text-visited: #9a9a9a;
1739
- --interactive-link-secondary-icon-default: #737373;
1763
+ --interactive-link-secondary-icon-default: #8c8c8c;
1740
1764
  --interactive-link-secondary-icon-hover: #777777;
1741
1765
  --interactive-link-secondary-icon-pressed: #707070;
1742
1766
  --interactive-link-secondary-icon-visited: #9a9a9a;
1743
- --interactive-link-secondary-underline-default: #737373;
1767
+ --interactive-link-secondary-underline-default: #8c8c8c;
1744
1768
  --interactive-link-secondary-underline-hover: #9d9d9d;
1745
1769
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1746
1770
  --interactive-link-secondary-underline-visited: #7e7e7e;
1747
1771
  --interactive-chip-channel-secondary-off-fill-default: #1a2e3c;
1748
1772
  --interactive-chip-channel-secondary-off-fill-hover: #162733;
1749
1773
  --interactive-chip-channel-secondary-off-fill-pressed: #152530;
1750
- --interactive-chip-channel-secondary-off-text-default: #2e5068;
1774
+ --interactive-chip-channel-secondary-off-text-default: #84a2ba;
1751
1775
  --interactive-chip-channel-secondary-off-text-hover: #658ba9;
1752
1776
  --interactive-chip-channel-secondary-off-text-pressed: #5b83a3;
1753
- --interactive-chip-channel-secondary-off-icon-default: #2e5068;
1777
+ --interactive-chip-channel-secondary-off-icon-default: #84a2ba;
1754
1778
  --interactive-chip-channel-secondary-off-icon-hover: #658ba9;
1755
1779
  --interactive-chip-channel-secondary-off-icon-pressed: #5b83a3;
1756
- --interactive-chip-channel-secondary-on-border-default: #2e5068;
1780
+ --interactive-chip-channel-secondary-on-border-default: #84a2ba;
1757
1781
  --interactive-chip-channel-secondary-on-border-hover: #658ba9;
1758
1782
  --interactive-chip-channel-secondary-on-border-pressed: #5b83a3;
1759
- --interactive-chip-channel-secondary-on-fill-default: #e7edf3;
1783
+ --interactive-chip-channel-secondary-on-fill-default: #1a2e3c;
1760
1784
  --interactive-chip-channel-secondary-on-fill-hover: #162733;
1761
1785
  --interactive-chip-channel-secondary-on-fill-pressed: #152530;
1762
- --interactive-chip-channel-secondary-on-text-default: #000000;
1786
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1763
1787
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1764
1788
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1765
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1789
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1766
1790
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1767
1791
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1768
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
1792
+ --interactive-chip-channel-primary-off-fill-default: #0d171f;
1769
1793
  --interactive-chip-channel-primary-off-fill-hover: #0b131a;
1770
1794
  --interactive-chip-channel-primary-off-fill-pressed: #0a1219;
1771
- --interactive-chip-channel-primary-off-text-default: #1a2e3c;
1795
+ --interactive-chip-channel-primary-off-text-default: #a1b8cb;
1772
1796
  --interactive-chip-channel-primary-off-text-hover: #7e9eb8;
1773
1797
  --interactive-chip-channel-primary-off-text-pressed: #7295b1;
1774
- --interactive-chip-channel-primary-off-icon-default: #1a2e3c;
1798
+ --interactive-chip-channel-primary-off-icon-default: #a1b8cb;
1775
1799
  --interactive-chip-channel-primary-off-icon-hover: #7e9eb8;
1776
1800
  --interactive-chip-channel-primary-off-icon-pressed: #7295b1;
1777
- --interactive-chip-channel-primary-off-border-default: #a9c0d0;
1801
+ --interactive-chip-channel-primary-off-border-default: #345a78;
1778
1802
  --interactive-chip-channel-primary-off-border-hover: #2c4d66;
1779
1803
  --interactive-chip-channel-primary-off-border-pressed: #2a4860;
1780
- --interactive-chip-channel-primary-on-fill-default: #a9c0d0;
1804
+ --interactive-chip-channel-primary-on-fill-default: #345a78;
1781
1805
  --interactive-chip-channel-primary-on-fill-hover: #2c4d66;
1782
1806
  --interactive-chip-channel-primary-on-fill-pressed: #2a4860;
1783
- --interactive-chip-channel-primary-on-text-default: #000000;
1807
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1784
1808
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1785
1809
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1786
- --interactive-chip-channel-primary-on-icon-default: #000000;
1810
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1787
1811
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1788
1812
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1813
+ --interactive-tab-selected-border-default: #ffffff;
1789
1814
  }
1790
1815
 
1791
1816
  [data-theme="world"] {
1792
- --surface-channel-50: #f4f7f7;
1793
- --surface-channel-100: #e4edf0;
1794
- --surface-channel-200: #9bc3c5;
1795
- --surface-channel-300: #268186;
1796
- --surface-channel-400: #085358;
1797
- --surface-channel-500: #073131;
1798
- --text-channel-primary: #016d6f;
1799
- --text-channel-secondary: #268186;
1800
- --text-channel-tertiary: #85b4b6;
1801
- --icon-channel-primary: #85b4b6;
1802
- --icon-channel-secondary: #559b9d;
1803
- --icon-channel-tertiary: #85b4b6;
1804
- --border-channel-primary: #85b4b6;
1805
- --border-channel-secondary: #c8dfde;
1806
- --border-channel-tertiary: #e4edf0;
1807
- --active-border: #000000;
1808
- --label-channel: #268186;
1809
- --flag-channel-fill: #9bc3c5;
1810
- --flag-channel-text: #073131;
1811
- --flag-channel-icon: #073131;
1812
- --interactive-negative-border-default: #ff8883;
1817
+ --surface-channel-50: #06171a;
1818
+ --surface-channel-100: #073131;
1819
+ --surface-channel-200: #056065;
1820
+ --surface-channel-300: #3c8b90;
1821
+ --surface-channel-400: #6ea7a9;
1822
+ --surface-channel-500: #90bbbe;
1823
+ --text-channel-primary: #559b9d;
1824
+ --text-channel-secondary: #3c8b90;
1825
+ --text-channel-tertiary: #016d6f;
1826
+ --icon-channel-primary: #016d6f;
1827
+ --icon-channel-secondary: #1c7f83;
1828
+ --icon-channel-tertiary: #016d6f;
1829
+ --border-channel-primary: #016d6f;
1830
+ --border-channel-secondary: #07494b;
1831
+ --border-channel-tertiary: #073131;
1832
+ --active-border: #ffffff;
1833
+ --label-channel: #3c8b90;
1834
+ --flag-channel-fill: #056065;
1835
+ --flag-channel-text: #90bbbe;
1836
+ --flag-channel-icon: #90bbbe;
1837
+ --interactive-negative-border-default: #e70300;
1813
1838
  --interactive-negative-border-hover: #c40300;
1814
1839
  --interactive-negative-border-pressed: #b90200;
1815
- --interactive-negative-text-default: #ff8883;
1840
+ --interactive-negative-text-default: #e70300;
1816
1841
  --interactive-negative-text-hover: #c40300;
1817
1842
  --interactive-negative-text-pressed: #b90200;
1818
- --interactive-negative-icon-default: #ff8883;
1843
+ --interactive-negative-icon-default: #e70300;
1819
1844
  --interactive-negative-icon-hover: #c40300;
1820
1845
  --interactive-negative-icon-pressed: #b90200;
1821
- --interactive-link-secondary-text-default: #737373;
1846
+ --interactive-link-secondary-text-default: #8c8c8c;
1822
1847
  --interactive-link-secondary-text-hover: #777777;
1823
1848
  --interactive-link-secondary-text-pressed: #707070;
1824
1849
  --interactive-link-secondary-text-visited: #9a9a9a;
1825
- --interactive-link-secondary-icon-default: #737373;
1850
+ --interactive-link-secondary-icon-default: #8c8c8c;
1826
1851
  --interactive-link-secondary-icon-hover: #777777;
1827
1852
  --interactive-link-secondary-icon-pressed: #707070;
1828
1853
  --interactive-link-secondary-icon-visited: #9a9a9a;
1829
- --interactive-link-secondary-underline-default: #737373;
1854
+ --interactive-link-secondary-underline-default: #8c8c8c;
1830
1855
  --interactive-link-secondary-underline-hover: #9d9d9d;
1831
1856
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1832
1857
  --interactive-link-secondary-underline-visited: #7e7e7e;
1833
1858
  --interactive-chip-channel-secondary-off-fill-default: #073131;
1834
1859
  --interactive-chip-channel-secondary-off-fill-hover: #062a2a;
1835
1860
  --interactive-chip-channel-secondary-off-fill-pressed: #062727;
1836
- --interactive-chip-channel-secondary-off-text-default: #085358;
1861
+ --interactive-chip-channel-secondary-off-text-default: #6ea7a9;
1837
1862
  --interactive-chip-channel-secondary-off-text-hover: #589395;
1838
1863
  --interactive-chip-channel-secondary-off-text-pressed: #538a8c;
1839
- --interactive-chip-channel-secondary-off-icon-default: #085358;
1864
+ --interactive-chip-channel-secondary-off-icon-default: #6ea7a9;
1840
1865
  --interactive-chip-channel-secondary-off-icon-hover: #589395;
1841
1866
  --interactive-chip-channel-secondary-off-icon-pressed: #538a8c;
1842
- --interactive-chip-channel-secondary-on-border-default: #085358;
1867
+ --interactive-chip-channel-secondary-on-border-default: #6ea7a9;
1843
1868
  --interactive-chip-channel-secondary-on-border-hover: #589395;
1844
1869
  --interactive-chip-channel-secondary-on-border-pressed: #538a8c;
1845
- --interactive-chip-channel-secondary-on-fill-default: #e4edf0;
1870
+ --interactive-chip-channel-secondary-on-fill-default: #073131;
1846
1871
  --interactive-chip-channel-secondary-on-fill-hover: #062a2a;
1847
1872
  --interactive-chip-channel-secondary-on-fill-pressed: #062727;
1848
- --interactive-chip-channel-secondary-on-text-default: #000000;
1873
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1849
1874
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1850
1875
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1851
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1876
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1852
1877
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1853
1878
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1854
- --interactive-chip-channel-primary-off-fill-default: #f4f7f7;
1879
+ --interactive-chip-channel-primary-off-fill-default: #06171a;
1855
1880
  --interactive-chip-channel-primary-off-fill-hover: #051416;
1856
1881
  --interactive-chip-channel-primary-off-fill-pressed: #051215;
1857
- --interactive-chip-channel-primary-off-text-default: #073131;
1882
+ --interactive-chip-channel-primary-off-text-default: #90bbbe;
1858
1883
  --interactive-chip-channel-primary-off-text-hover: #71a8ac;
1859
1884
  --interactive-chip-channel-primary-off-text-pressed: #66a1a5;
1860
- --interactive-chip-channel-primary-off-icon-default: #073131;
1885
+ --interactive-chip-channel-primary-off-icon-default: #90bbbe;
1861
1886
  --interactive-chip-channel-primary-off-icon-hover: #71a8ac;
1862
1887
  --interactive-chip-channel-primary-off-icon-pressed: #66a1a5;
1863
- --interactive-chip-channel-primary-off-border-default: #9bc3c5;
1888
+ --interactive-chip-channel-primary-off-border-default: #056065;
1864
1889
  --interactive-chip-channel-primary-off-border-hover: #045256;
1865
1890
  --interactive-chip-channel-primary-off-border-pressed: #044d51;
1866
- --interactive-chip-channel-primary-on-fill-default: #9bc3c5;
1891
+ --interactive-chip-channel-primary-on-fill-default: #056065;
1867
1892
  --interactive-chip-channel-primary-on-fill-hover: #045256;
1868
1893
  --interactive-chip-channel-primary-on-fill-pressed: #044d51;
1869
- --interactive-chip-channel-primary-on-text-default: #000000;
1894
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1870
1895
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1871
1896
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1872
- --interactive-chip-channel-primary-on-icon-default: #000000;
1897
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1873
1898
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1874
1899
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1900
+ --interactive-tab-selected-border-default: #ffffff;
1875
1901
  }
1876
1902
 
1877
1903
  [data-theme="business"] {
1878
- --surface-channel-50: #f4f7fa;
1879
- --surface-channel-100: #e4edf3;
1880
- --surface-channel-200: #a0bed3;
1881
- --surface-channel-300: #347ca4;
1882
- --surface-channel-400: #1a4e6e;
1883
- --surface-channel-500: #0f2c3f;
1884
- --text-channel-primary: #1d658d;
1885
- --text-channel-secondary: #347ca4;
1886
- --text-channel-tertiary: #89b1c9;
1887
- --icon-channel-primary: #73a2c0;
1888
- --icon-channel-secondary: #4786ac;
1889
- --icon-channel-tertiary: #89b1c9;
1890
- --border-channel-primary: #89b1c9;
1891
- --border-channel-secondary: #ccdce7;
1892
- --border-channel-tertiary: #e4edf3;
1893
- --active-border: #000000;
1894
- --label-channel: #347ca4;
1895
- --flag-channel-fill: #a0bed3;
1896
- --flag-channel-text: #0f2c3f;
1897
- --flag-channel-icon: #0f2c3f;
1898
- --interactive-negative-border-default: #ff8883;
1904
+ --surface-channel-50: #06171f;
1905
+ --surface-channel-100: #0f2c3f;
1906
+ --surface-channel-200: #1b5b7d;
1907
+ --surface-channel-300: #4786ac;
1908
+ --surface-channel-400: #73a2c0;
1909
+ --surface-channel-500: #94b9ce;
1910
+ --text-channel-primary: #6093b6;
1911
+ --text-channel-secondary: #4786ac;
1912
+ --text-channel-tertiary: #1d658d;
1913
+ --icon-channel-primary: #21709c;
1914
+ --icon-channel-secondary: #3b7fa7;
1915
+ --icon-channel-tertiary: #1d658d;
1916
+ --border-channel-primary: #1d658d;
1917
+ --border-channel-secondary: #13435e;
1918
+ --border-channel-tertiary: #0f2c3f;
1919
+ --active-border: #ffffff;
1920
+ --label-channel: #4786ac;
1921
+ --flag-channel-fill: #1b5b7d;
1922
+ --flag-channel-text: #94b9ce;
1923
+ --flag-channel-icon: #94b9ce;
1924
+ --interactive-negative-border-default: #e70300;
1899
1925
  --interactive-negative-border-hover: #c40300;
1900
1926
  --interactive-negative-border-pressed: #b90200;
1901
- --interactive-negative-text-default: #ff8883;
1927
+ --interactive-negative-text-default: #e70300;
1902
1928
  --interactive-negative-text-hover: #c40300;
1903
1929
  --interactive-negative-text-pressed: #b90200;
1904
- --interactive-negative-icon-default: #ff8883;
1930
+ --interactive-negative-icon-default: #e70300;
1905
1931
  --interactive-negative-icon-hover: #c40300;
1906
1932
  --interactive-negative-icon-pressed: #b90200;
1907
- --interactive-link-secondary-text-default: #737373;
1933
+ --interactive-link-secondary-text-default: #8c8c8c;
1908
1934
  --interactive-link-secondary-text-hover: #777777;
1909
1935
  --interactive-link-secondary-text-pressed: #707070;
1910
1936
  --interactive-link-secondary-text-visited: #9a9a9a;
1911
- --interactive-link-secondary-icon-default: #737373;
1937
+ --interactive-link-secondary-icon-default: #8c8c8c;
1912
1938
  --interactive-link-secondary-icon-hover: #777777;
1913
1939
  --interactive-link-secondary-icon-pressed: #707070;
1914
1940
  --interactive-link-secondary-icon-visited: #9a9a9a;
1915
- --interactive-link-secondary-underline-default: #737373;
1941
+ --interactive-link-secondary-underline-default: #8c8c8c;
1916
1942
  --interactive-link-secondary-underline-hover: #9d9d9d;
1917
1943
  --interactive-link-secondary-underline-pressed: #a3a3a3;
1918
1944
  --interactive-link-secondary-underline-visited: #7e7e7e;
1919
1945
  --interactive-chip-channel-secondary-off-fill-default: #0f2c3f;
1920
1946
  --interactive-chip-channel-secondary-off-fill-hover: #0d2536;
1921
1947
  --interactive-chip-channel-secondary-off-fill-pressed: #0c2332;
1922
- --interactive-chip-channel-secondary-off-text-default: #1a4e6e;
1948
+ --interactive-chip-channel-secondary-off-text-default: #73a2c0;
1923
1949
  --interactive-chip-channel-secondary-off-text-hover: #538eb2;
1924
1950
  --interactive-chip-channel-secondary-off-text-pressed: #4c86a9;
1925
- --interactive-chip-channel-secondary-off-icon-default: #1a4e6e;
1951
+ --interactive-chip-channel-secondary-off-icon-default: #73a2c0;
1926
1952
  --interactive-chip-channel-secondary-off-icon-hover: #538eb2;
1927
1953
  --interactive-chip-channel-secondary-off-icon-pressed: #4c86a9;
1928
- --interactive-chip-channel-secondary-on-border-default: #1a4e6e;
1954
+ --interactive-chip-channel-secondary-on-border-default: #73a2c0;
1929
1955
  --interactive-chip-channel-secondary-on-border-hover: #538eb2;
1930
1956
  --interactive-chip-channel-secondary-on-border-pressed: #4c86a9;
1931
- --interactive-chip-channel-secondary-on-fill-default: #e4edf3;
1957
+ --interactive-chip-channel-secondary-on-fill-default: #0f2c3f;
1932
1958
  --interactive-chip-channel-secondary-on-fill-hover: #0d2536;
1933
1959
  --interactive-chip-channel-secondary-on-fill-pressed: #0c2332;
1934
- --interactive-chip-channel-secondary-on-text-default: #000000;
1960
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
1935
1961
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1936
1962
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1937
- --interactive-chip-channel-secondary-on-icon-default: #000000;
1963
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
1938
1964
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1939
1965
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1940
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
1966
+ --interactive-chip-channel-primary-off-fill-default: #06171f;
1941
1967
  --interactive-chip-channel-primary-off-fill-hover: #05141a;
1942
1968
  --interactive-chip-channel-primary-off-fill-pressed: #051219;
1943
- --interactive-chip-channel-primary-off-text-default: #0f2c3f;
1969
+ --interactive-chip-channel-primary-off-text-default: #94b9ce;
1944
1970
  --interactive-chip-channel-primary-off-text-hover: #70a1bd;
1945
1971
  --interactive-chip-channel-primary-off-text-pressed: #6399b8;
1946
- --interactive-chip-channel-primary-off-icon-default: #0f2c3f;
1972
+ --interactive-chip-channel-primary-off-icon-default: #94b9ce;
1947
1973
  --interactive-chip-channel-primary-off-icon-hover: #70a1bd;
1948
1974
  --interactive-chip-channel-primary-off-icon-pressed: #6399b8;
1949
- --interactive-chip-channel-primary-off-border-default: #a0bed3;
1975
+ --interactive-chip-channel-primary-off-border-default: #1b5b7d;
1950
1976
  --interactive-chip-channel-primary-off-border-hover: #174d6a;
1951
1977
  --interactive-chip-channel-primary-off-border-pressed: #164864;
1952
- --interactive-chip-channel-primary-on-fill-default: #a0bed3;
1978
+ --interactive-chip-channel-primary-on-fill-default: #1b5b7d;
1953
1979
  --interactive-chip-channel-primary-on-fill-hover: #174d6a;
1954
1980
  --interactive-chip-channel-primary-on-fill-pressed: #164864;
1955
- --interactive-chip-channel-primary-on-text-default: #000000;
1981
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
1956
1982
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1957
1983
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1958
- --interactive-chip-channel-primary-on-icon-default: #000000;
1984
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
1959
1985
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1960
1986
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1987
+ --interactive-tab-selected-border-default: #ffffff;
1961
1988
  }
1962
1989
 
1963
1990
  [data-theme="money"] {
1964
- --surface-channel-50: #f7fafa;
1965
- --surface-channel-100: #ecf2f0;
1966
- --surface-channel-200: #b7d5c9;
1967
- --surface-channel-300: #65aa8d;
1968
- --surface-channel-400: #3d715d;
1969
- --surface-channel-500: #254035;
1970
- --text-channel-primary: #95c3af;
1971
- --text-channel-secondary: #b7d5c9;
1972
- --text-channel-tertiary: #d5e9e0;
1973
- --icon-channel-primary: #58a385;
1974
- --icon-channel-secondary: #65aa8d;
1975
- --icon-channel-tertiary: #d5e9e0;
1976
- --border-channel-primary: #a5cdbc;
1977
- --border-channel-secondary: #d5e9e0;
1978
- --border-channel-tertiary: #ecf2f0;
1979
- --active-border: #000000;
1980
- --label-channel: #65aa8d;
1981
- --flag-channel-fill: #b7d5c9;
1982
- --flag-channel-text: #254035;
1983
- --flag-channel-icon: #254035;
1984
- --interactive-negative-border-default: #ff8883;
1991
+ --surface-channel-50: #10221c;
1992
+ --surface-channel-100: #254035;
1993
+ --surface-channel-200: #458469;
1994
+ --surface-channel-300: #71b297;
1995
+ --surface-channel-400: #95c3af;
1996
+ --surface-channel-500: #aed2c1;
1997
+ --text-channel-primary: #58a385;
1998
+ --text-channel-secondary: #458469;
1999
+ --text-channel-tertiary: #356251;
2000
+ --icon-channel-primary: #7ab79d;
2001
+ --icon-channel-secondary: #71b297;
2002
+ --icon-channel-tertiary: #356251;
2003
+ --border-channel-primary: #519379;
2004
+ --border-channel-secondary: #356251;
2005
+ --border-channel-tertiary: #254035;
2006
+ --active-border: #ffffff;
2007
+ --label-channel: #71b297;
2008
+ --flag-channel-fill: #458469;
2009
+ --flag-channel-text: #aed2c1;
2010
+ --flag-channel-icon: #aed2c1;
2011
+ --interactive-negative-border-default: #e70300;
1985
2012
  --interactive-negative-border-hover: #c40300;
1986
2013
  --interactive-negative-border-pressed: #b90200;
1987
- --interactive-negative-text-default: #ff8883;
2014
+ --interactive-negative-text-default: #e70300;
1988
2015
  --interactive-negative-text-hover: #c40300;
1989
2016
  --interactive-negative-text-pressed: #b90200;
1990
- --interactive-negative-icon-default: #ff8883;
2017
+ --interactive-negative-icon-default: #e70300;
1991
2018
  --interactive-negative-icon-hover: #c40300;
1992
2019
  --interactive-negative-icon-pressed: #b90200;
1993
- --interactive-link-secondary-text-default: #737373;
2020
+ --interactive-link-secondary-text-default: #8c8c8c;
1994
2021
  --interactive-link-secondary-text-hover: #777777;
1995
2022
  --interactive-link-secondary-text-pressed: #707070;
1996
2023
  --interactive-link-secondary-text-visited: #9a9a9a;
1997
- --interactive-link-secondary-icon-default: #737373;
2024
+ --interactive-link-secondary-icon-default: #8c8c8c;
1998
2025
  --interactive-link-secondary-icon-hover: #777777;
1999
2026
  --interactive-link-secondary-icon-pressed: #707070;
2000
2027
  --interactive-link-secondary-icon-visited: #9a9a9a;
2001
- --interactive-link-secondary-underline-default: #737373;
2028
+ --interactive-link-secondary-underline-default: #8c8c8c;
2002
2029
  --interactive-link-secondary-underline-hover: #9d9d9d;
2003
2030
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2004
2031
  --interactive-link-secondary-underline-visited: #7e7e7e;
2005
2032
  --interactive-chip-channel-secondary-off-fill-default: #254035;
2006
2033
  --interactive-chip-channel-secondary-off-fill-hover: #1f362d;
2007
2034
  --interactive-chip-channel-secondary-off-fill-pressed: #1e332a;
2008
- --interactive-chip-channel-secondary-off-text-default: #3d715d;
2035
+ --interactive-chip-channel-secondary-off-text-default: #95c3af;
2009
2036
  --interactive-chip-channel-secondary-off-text-hover: #74b096;
2010
2037
  --interactive-chip-channel-secondary-off-text-pressed: #69aa8e;
2011
- --interactive-chip-channel-secondary-off-icon-default: #3d715d;
2038
+ --interactive-chip-channel-secondary-off-icon-default: #95c3af;
2012
2039
  --interactive-chip-channel-secondary-off-icon-hover: #74b096;
2013
2040
  --interactive-chip-channel-secondary-off-icon-pressed: #69aa8e;
2014
- --interactive-chip-channel-secondary-on-border-default: #3d715d;
2041
+ --interactive-chip-channel-secondary-on-border-default: #95c3af;
2015
2042
  --interactive-chip-channel-secondary-on-border-hover: #74b096;
2016
2043
  --interactive-chip-channel-secondary-on-border-pressed: #69aa8e;
2017
- --interactive-chip-channel-secondary-on-fill-default: #ecf2f0;
2044
+ --interactive-chip-channel-secondary-on-fill-default: #254035;
2018
2045
  --interactive-chip-channel-secondary-on-fill-hover: #1f362d;
2019
2046
  --interactive-chip-channel-secondary-on-fill-pressed: #1e332a;
2020
- --interactive-chip-channel-secondary-on-text-default: #000000;
2047
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2021
2048
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2022
2049
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2023
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2050
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2024
2051
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2025
2052
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2026
- --interactive-chip-channel-primary-off-fill-default: #f7fafa;
2053
+ --interactive-chip-channel-primary-off-fill-default: #10221c;
2027
2054
  --interactive-chip-channel-primary-off-fill-hover: #0e1d18;
2028
2055
  --interactive-chip-channel-primary-off-fill-pressed: #0d1b16;
2029
- --interactive-chip-channel-primary-off-text-default: #254035;
2056
+ --interactive-chip-channel-primary-off-text-default: #aed2c1;
2030
2057
  --interactive-chip-channel-primary-off-text-hover: #89bda5;
2031
2058
  --interactive-chip-channel-primary-off-text-pressed: #7cb79b;
2032
- --interactive-chip-channel-primary-off-icon-default: #254035;
2059
+ --interactive-chip-channel-primary-off-icon-default: #aed2c1;
2033
2060
  --interactive-chip-channel-primary-off-icon-hover: #89bda5;
2034
2061
  --interactive-chip-channel-primary-off-icon-pressed: #7cb79b;
2035
- --interactive-chip-channel-primary-off-border-default: #b7d5c9;
2062
+ --interactive-chip-channel-primary-off-border-default: #458469;
2036
2063
  --interactive-chip-channel-primary-off-border-hover: #3b7059;
2037
2064
  --interactive-chip-channel-primary-off-border-pressed: #376954;
2038
- --interactive-chip-channel-primary-on-fill-default: #b7d5c9;
2065
+ --interactive-chip-channel-primary-on-fill-default: #458469;
2039
2066
  --interactive-chip-channel-primary-on-fill-hover: #3b7059;
2040
2067
  --interactive-chip-channel-primary-on-fill-pressed: #376954;
2041
- --interactive-chip-channel-primary-on-text-default: #000000;
2068
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2042
2069
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2043
2070
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2044
- --interactive-chip-channel-primary-on-icon-default: #000000;
2071
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2045
2072
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2046
2073
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2074
+ --interactive-tab-selected-border-default: #ffffff;
2047
2075
  }
2048
2076
 
2049
2077
  [data-theme="sport"] {
2050
- --surface-channel-50: #f4f7f5;
2051
- --surface-channel-100: #e4ede8;
2052
- --surface-channel-200: #9bc3a9;
2053
- --surface-channel-300: #23844c;
2054
- --surface-channel-400: #04562c;
2055
- --surface-channel-500: #07311a;
2056
- --text-channel-primary: #016d38;
2057
- --text-channel-secondary: #23844c;
2058
- --text-channel-tertiary: #84b697;
2059
- --icon-channel-primary: #6ea782;
2060
- --icon-channel-secondary: #3b8e5d;
2061
- --icon-channel-tertiary: #84b697;
2062
- --border-channel-primary: #84b697;
2063
- --border-channel-secondary: #c8dfd0;
2064
- --border-channel-tertiary: #e4ede8;
2065
- --active-border: #000000;
2066
- --label-channel: #23844c;
2067
- --flag-channel-fill: #9bc3a9;
2068
- --flag-channel-text: #07311a;
2069
- --flag-channel-icon: #07311a;
2070
- --interactive-negative-border-default: #ff8883;
2078
+ --surface-channel-50: #06170c;
2079
+ --surface-channel-100: #07311a;
2080
+ --surface-channel-200: #006234;
2081
+ --surface-channel-300: #3b8e5d;
2082
+ --surface-channel-400: #6ea782;
2083
+ --surface-channel-500: #8fbea1;
2084
+ --text-channel-primary: #559b6f;
2085
+ --text-channel-secondary: #3b8e5d;
2086
+ --text-channel-tertiary: #016d38;
2087
+ --icon-channel-primary: #007a3f;
2088
+ --icon-channel-secondary: #2c8652;
2089
+ --icon-channel-tertiary: #016d38;
2090
+ --border-channel-primary: #016d38;
2091
+ --border-channel-secondary: #074925;
2092
+ --border-channel-tertiary: #07311a;
2093
+ --active-border: #ffffff;
2094
+ --label-channel: #3b8e5d;
2095
+ --flag-channel-fill: #006234;
2096
+ --flag-channel-text: #8fbea1;
2097
+ --flag-channel-icon: #8fbea1;
2098
+ --interactive-negative-border-default: #e70300;
2071
2099
  --interactive-negative-border-hover: #c40300;
2072
2100
  --interactive-negative-border-pressed: #b90200;
2073
- --interactive-negative-text-default: #ff8883;
2101
+ --interactive-negative-text-default: #e70300;
2074
2102
  --interactive-negative-text-hover: #c40300;
2075
2103
  --interactive-negative-text-pressed: #b90200;
2076
- --interactive-negative-icon-default: #ff8883;
2104
+ --interactive-negative-icon-default: #e70300;
2077
2105
  --interactive-negative-icon-hover: #c40300;
2078
2106
  --interactive-negative-icon-pressed: #b90200;
2079
- --interactive-link-secondary-text-default: #737373;
2107
+ --interactive-link-secondary-text-default: #8c8c8c;
2080
2108
  --interactive-link-secondary-text-hover: #777777;
2081
2109
  --interactive-link-secondary-text-pressed: #707070;
2082
2110
  --interactive-link-secondary-text-visited: #9a9a9a;
2083
- --interactive-link-secondary-icon-default: #737373;
2111
+ --interactive-link-secondary-icon-default: #8c8c8c;
2084
2112
  --interactive-link-secondary-icon-hover: #777777;
2085
2113
  --interactive-link-secondary-icon-pressed: #707070;
2086
2114
  --interactive-link-secondary-icon-visited: #9a9a9a;
2087
- --interactive-link-secondary-underline-default: #737373;
2115
+ --interactive-link-secondary-underline-default: #8c8c8c;
2088
2116
  --interactive-link-secondary-underline-hover: #9d9d9d;
2089
2117
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2090
2118
  --interactive-link-secondary-underline-visited: #7e7e7e;
2091
2119
  --interactive-chip-channel-secondary-off-fill-default: #07311a;
2092
2120
  --interactive-chip-channel-secondary-off-fill-hover: #062a16;
2093
2121
  --interactive-chip-channel-secondary-off-fill-pressed: #062715;
2094
- --interactive-chip-channel-secondary-off-text-default: #04562c;
2122
+ --interactive-chip-channel-secondary-off-text-default: #6ea782;
2095
2123
  --interactive-chip-channel-secondary-off-text-hover: #59936d;
2096
2124
  --interactive-chip-channel-secondary-off-text-pressed: #548a67;
2097
- --interactive-chip-channel-secondary-off-icon-default: #04562c;
2125
+ --interactive-chip-channel-secondary-off-icon-default: #6ea782;
2098
2126
  --interactive-chip-channel-secondary-off-icon-hover: #59936d;
2099
2127
  --interactive-chip-channel-secondary-off-icon-pressed: #548a67;
2100
- --interactive-chip-channel-secondary-on-border-default: #04562c;
2128
+ --interactive-chip-channel-secondary-on-border-default: #6ea782;
2101
2129
  --interactive-chip-channel-secondary-on-border-hover: #59936d;
2102
2130
  --interactive-chip-channel-secondary-on-border-pressed: #548a67;
2103
- --interactive-chip-channel-secondary-on-fill-default: #e4ede8;
2131
+ --interactive-chip-channel-secondary-on-fill-default: #07311a;
2104
2132
  --interactive-chip-channel-secondary-on-fill-hover: #062a16;
2105
2133
  --interactive-chip-channel-secondary-on-fill-pressed: #062715;
2106
- --interactive-chip-channel-secondary-on-text-default: #000000;
2134
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2107
2135
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2108
2136
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2109
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2137
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2110
2138
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2111
2139
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2112
- --interactive-chip-channel-primary-off-fill-default: #f4f7f5;
2140
+ --interactive-chip-channel-primary-off-fill-default: #06170c;
2113
2141
  --interactive-chip-channel-primary-off-fill-hover: #05140a;
2114
2142
  --interactive-chip-channel-primary-off-fill-pressed: #05120a;
2115
- --interactive-chip-channel-primary-off-text-default: #07311a;
2143
+ --interactive-chip-channel-primary-off-text-default: #8fbea1;
2116
2144
  --interactive-chip-channel-primary-off-text-hover: #6fac86;
2117
2145
  --interactive-chip-channel-primary-off-text-pressed: #65a67e;
2118
- --interactive-chip-channel-primary-off-icon-default: #07311a;
2146
+ --interactive-chip-channel-primary-off-icon-default: #8fbea1;
2119
2147
  --interactive-chip-channel-primary-off-icon-hover: #6fac86;
2120
2148
  --interactive-chip-channel-primary-off-icon-pressed: #65a67e;
2121
- --interactive-chip-channel-primary-off-border-default: #9bc3a9;
2149
+ --interactive-chip-channel-primary-off-border-default: #006234;
2122
2150
  --interactive-chip-channel-primary-off-border-hover: #00532c;
2123
2151
  --interactive-chip-channel-primary-off-border-pressed: #004f2a;
2124
- --interactive-chip-channel-primary-on-fill-default: #9bc3a9;
2152
+ --interactive-chip-channel-primary-on-fill-default: #006234;
2125
2153
  --interactive-chip-channel-primary-on-fill-hover: #00532c;
2126
2154
  --interactive-chip-channel-primary-on-fill-pressed: #004f2a;
2127
- --interactive-chip-channel-primary-on-text-default: #000000;
2155
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2128
2156
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2129
2157
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2130
- --interactive-chip-channel-primary-on-icon-default: #000000;
2158
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2131
2159
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2132
2160
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2161
+ --interactive-tab-selected-border-default: #ffffff;
2133
2162
  }
2134
2163
 
2135
2164
  [data-theme="travel"] {
2136
- --surface-channel-50: #f4f7fa;
2137
- --surface-channel-100: #e7edf6;
2138
- --surface-channel-200: #a5c3db;
2139
- --surface-channel-300: #3c84b4;
2140
- --surface-channel-400: #1e5578;
2141
- --surface-channel-500: #113144;
2142
- --text-channel-primary: #2c79ad;
2143
- --text-channel-secondary: #4f8eb9;
2144
- --text-channel-tertiary: #a5c3db;
2145
- --icon-channel-primary: #649ac3;
2146
- --icon-channel-secondary: #3c84b4;
2147
- --icon-channel-tertiary: #a5c3db;
2148
- --border-channel-primary: #8eb6d1;
2149
- --border-channel-secondary: #cbdeec;
2150
- --border-channel-tertiary: #e7edf6;
2151
- --active-border: #000000;
2152
- --label-channel: #3c84b4;
2153
- --flag-channel-fill: #a5c3db;
2154
- --flag-channel-text: #113144;
2155
- --flag-channel-icon: #113144;
2156
- --interactive-negative-border-default: #ff8883;
2165
+ --surface-channel-50: #0a1722;
2166
+ --surface-channel-100: #113144;
2167
+ --surface-channel-200: #26608b;
2168
+ --surface-channel-300: #4f8eb9;
2169
+ --surface-channel-400: #78a7ca;
2170
+ --surface-channel-500: #9abbd6;
2171
+ --text-channel-primary: #5c93be;
2172
+ --text-channel-secondary: #4386b7;
2173
+ --text-channel-tertiary: #26608b;
2174
+ --icon-channel-primary: #3b7fb2;
2175
+ --icon-channel-secondary: #4f8eb9;
2176
+ --icon-channel-tertiary: #26608b;
2177
+ --border-channel-primary: #266d9d;
2178
+ --border-channel-secondary: #1d4869;
2179
+ --border-channel-tertiary: #113144;
2180
+ --active-border: #ffffff;
2181
+ --label-channel: #4f8eb9;
2182
+ --flag-channel-fill: #26608b;
2183
+ --flag-channel-text: #9abbd6;
2184
+ --flag-channel-icon: #9abbd6;
2185
+ --interactive-negative-border-default: #e70300;
2157
2186
  --interactive-negative-border-hover: #c40300;
2158
2187
  --interactive-negative-border-pressed: #b90200;
2159
- --interactive-negative-text-default: #ff8883;
2188
+ --interactive-negative-text-default: #e70300;
2160
2189
  --interactive-negative-text-hover: #c40300;
2161
2190
  --interactive-negative-text-pressed: #b90200;
2162
- --interactive-negative-icon-default: #ff8883;
2191
+ --interactive-negative-icon-default: #e70300;
2163
2192
  --interactive-negative-icon-hover: #c40300;
2164
2193
  --interactive-negative-icon-pressed: #b90200;
2165
- --interactive-link-secondary-text-default: #737373;
2194
+ --interactive-link-secondary-text-default: #8c8c8c;
2166
2195
  --interactive-link-secondary-text-hover: #777777;
2167
2196
  --interactive-link-secondary-text-pressed: #707070;
2168
2197
  --interactive-link-secondary-text-visited: #9a9a9a;
2169
- --interactive-link-secondary-icon-default: #737373;
2198
+ --interactive-link-secondary-icon-default: #8c8c8c;
2170
2199
  --interactive-link-secondary-icon-hover: #777777;
2171
2200
  --interactive-link-secondary-icon-pressed: #707070;
2172
2201
  --interactive-link-secondary-icon-visited: #9a9a9a;
2173
- --interactive-link-secondary-underline-default: #737373;
2202
+ --interactive-link-secondary-underline-default: #8c8c8c;
2174
2203
  --interactive-link-secondary-underline-hover: #9d9d9d;
2175
2204
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2176
2205
  --interactive-link-secondary-underline-visited: #7e7e7e;
2177
2206
  --interactive-chip-channel-secondary-off-fill-default: #113144;
2178
2207
  --interactive-chip-channel-secondary-off-fill-hover: #0e2a3a;
2179
2208
  --interactive-chip-channel-secondary-off-fill-pressed: #0e2736;
2180
- --interactive-chip-channel-secondary-off-text-default: #1e5578;
2209
+ --interactive-chip-channel-secondary-off-text-default: #78a7ca;
2181
2210
  --interactive-chip-channel-secondary-off-text-hover: #5590bc;
2182
2211
  --interactive-chip-channel-secondary-off-text-pressed: #4a88b8;
2183
- --interactive-chip-channel-secondary-off-icon-default: #1e5578;
2212
+ --interactive-chip-channel-secondary-off-icon-default: #78a7ca;
2184
2213
  --interactive-chip-channel-secondary-off-icon-hover: #5590bc;
2185
2214
  --interactive-chip-channel-secondary-off-icon-pressed: #4a88b8;
2186
- --interactive-chip-channel-secondary-on-border-default: #1e5578;
2215
+ --interactive-chip-channel-secondary-on-border-default: #78a7ca;
2187
2216
  --interactive-chip-channel-secondary-on-border-hover: #5590bc;
2188
2217
  --interactive-chip-channel-secondary-on-border-pressed: #4a88b8;
2189
- --interactive-chip-channel-secondary-on-fill-default: #e7edf6;
2218
+ --interactive-chip-channel-secondary-on-fill-default: #113144;
2190
2219
  --interactive-chip-channel-secondary-on-fill-hover: #0e2a3a;
2191
2220
  --interactive-chip-channel-secondary-on-fill-pressed: #0e2736;
2192
- --interactive-chip-channel-secondary-on-text-default: #000000;
2221
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2193
2222
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2194
2223
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2195
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2224
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2196
2225
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2197
2226
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2198
- --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
2227
+ --interactive-chip-channel-primary-off-fill-default: #0a1722;
2199
2228
  --interactive-chip-channel-primary-off-fill-hover: #09131d;
2200
2229
  --interactive-chip-channel-primary-off-fill-pressed: #08121b;
2201
- --interactive-chip-channel-primary-off-text-default: #113144;
2230
+ --interactive-chip-channel-primary-off-text-default: #9abbd6;
2202
2231
  --interactive-chip-channel-primary-off-text-hover: #73a0c6;
2203
2232
  --interactive-chip-channel-primary-off-text-pressed: #6698c1;
2204
- --interactive-chip-channel-primary-off-icon-default: #113144;
2233
+ --interactive-chip-channel-primary-off-icon-default: #9abbd6;
2205
2234
  --interactive-chip-channel-primary-off-icon-hover: #73a0c6;
2206
2235
  --interactive-chip-channel-primary-off-icon-pressed: #6698c1;
2207
- --interactive-chip-channel-primary-off-border-default: #a5c3db;
2236
+ --interactive-chip-channel-primary-off-border-default: #26608b;
2208
2237
  --interactive-chip-channel-primary-off-border-hover: #205176;
2209
2238
  --interactive-chip-channel-primary-off-border-pressed: #1e4c6f;
2210
- --interactive-chip-channel-primary-on-fill-default: #a5c3db;
2239
+ --interactive-chip-channel-primary-on-fill-default: #26608b;
2211
2240
  --interactive-chip-channel-primary-on-fill-hover: #205176;
2212
2241
  --interactive-chip-channel-primary-on-fill-pressed: #1e4c6f;
2213
- --interactive-chip-channel-primary-on-text-default: #000000;
2242
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2214
2243
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2215
2244
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2216
- --interactive-chip-channel-primary-on-icon-default: #000000;
2245
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2217
2246
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2218
2247
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2248
+ --interactive-tab-selected-border-default: #ffffff;
2219
2249
  }
2220
2250
 
2221
2251
  [data-theme="culture"] {
2222
- --surface-channel-50: #fbf5f7;
2223
- --surface-channel-100: #f2e5eb;
2224
- --surface-channel-200: #d19fb9;
2225
- --surface-channel-300: #9d3670;
2226
- --surface-channel-400: #671846;
2227
- --surface-channel-500: #3b0f27;
2228
- --text-channel-primary: #59173c;
2229
- --text-channel-secondary: #771c51;
2230
- --text-channel-tertiary: #a4477c;
2231
- --icon-channel-primary: #d19fb9;
2232
- --icon-channel-secondary: #ba729b;
2233
- --icon-channel-tertiary: #a4477c;
2234
- --border-channel-primary: #c68aaa;
2235
- --border-channel-secondary: #e5c8da;
2236
- --border-channel-tertiary: #f2e5eb;
2237
- --active-border: #000000;
2238
- --label-channel: #9d3670;
2239
- --flag-channel-fill: #d19fb9;
2240
- --flag-channel-text: #3b0f27;
2241
- --flag-channel-icon: #3b0f27;
2242
- --interactive-negative-border-default: #ff8883;
2252
+ --surface-channel-50: #1f0915;
2253
+ --surface-channel-100: #3b0f27;
2254
+ --surface-channel-200: #771c51;
2255
+ --surface-channel-300: #a4477c;
2256
+ --surface-channel-400: #ba729b;
2257
+ --surface-channel-500: #cd94b1;
2258
+ --text-channel-primary: #c17fa2;
2259
+ --text-channel-secondary: #b56793;
2260
+ --text-channel-tertiary: #a03c75;
2261
+ --icon-channel-primary: #771c51;
2262
+ --icon-channel-secondary: #942364;
2263
+ --icon-channel-tertiary: #a03c75;
2264
+ --border-channel-primary: #85205b;
2265
+ --border-channel-secondary: #59173c;
2266
+ --border-channel-tertiary: #3b0f27;
2267
+ --active-border: #ffffff;
2268
+ --label-channel: #a4477c;
2269
+ --flag-channel-fill: #771c51;
2270
+ --flag-channel-text: #cd94b1;
2271
+ --flag-channel-icon: #cd94b1;
2272
+ --interactive-negative-border-default: #e70300;
2243
2273
  --interactive-negative-border-hover: #c40300;
2244
2274
  --interactive-negative-border-pressed: #b90200;
2245
- --interactive-negative-text-default: #ff8883;
2275
+ --interactive-negative-text-default: #e70300;
2246
2276
  --interactive-negative-text-hover: #c40300;
2247
2277
  --interactive-negative-text-pressed: #b90200;
2248
- --interactive-negative-icon-default: #ff8883;
2278
+ --interactive-negative-icon-default: #e70300;
2249
2279
  --interactive-negative-icon-hover: #c40300;
2250
2280
  --interactive-negative-icon-pressed: #b90200;
2251
- --interactive-link-secondary-text-default: #737373;
2281
+ --interactive-link-secondary-text-default: #8c8c8c;
2252
2282
  --interactive-link-secondary-text-hover: #777777;
2253
2283
  --interactive-link-secondary-text-pressed: #707070;
2254
2284
  --interactive-link-secondary-text-visited: #9a9a9a;
2255
- --interactive-link-secondary-icon-default: #737373;
2285
+ --interactive-link-secondary-icon-default: #8c8c8c;
2256
2286
  --interactive-link-secondary-icon-hover: #777777;
2257
2287
  --interactive-link-secondary-icon-pressed: #707070;
2258
2288
  --interactive-link-secondary-icon-visited: #9a9a9a;
2259
- --interactive-link-secondary-underline-default: #737373;
2289
+ --interactive-link-secondary-underline-default: #8c8c8c;
2260
2290
  --interactive-link-secondary-underline-hover: #9d9d9d;
2261
2291
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2262
2292
  --interactive-link-secondary-underline-visited: #7e7e7e;
2263
2293
  --interactive-chip-channel-secondary-off-fill-default: #3b0f27;
2264
2294
  --interactive-chip-channel-secondary-off-fill-hover: #320d21;
2265
2295
  --interactive-chip-channel-secondary-off-fill-pressed: #2f0c1f;
2266
- --interactive-chip-channel-secondary-off-text-default: #671846;
2296
+ --interactive-chip-channel-secondary-off-text-default: #ba729b;
2267
2297
  --interactive-chip-channel-secondary-off-text-hover: #ab5485;
2268
2298
  --interactive-chip-channel-secondary-off-text-pressed: #a14f7e;
2269
- --interactive-chip-channel-secondary-off-icon-default: #671846;
2299
+ --interactive-chip-channel-secondary-off-icon-default: #ba729b;
2270
2300
  --interactive-chip-channel-secondary-off-icon-hover: #ab5485;
2271
2301
  --interactive-chip-channel-secondary-off-icon-pressed: #a14f7e;
2272
- --interactive-chip-channel-secondary-on-border-default: #671846;
2302
+ --interactive-chip-channel-secondary-on-border-default: #ba729b;
2273
2303
  --interactive-chip-channel-secondary-on-border-hover: #ab5485;
2274
2304
  --interactive-chip-channel-secondary-on-border-pressed: #a14f7e;
2275
- --interactive-chip-channel-secondary-on-fill-default: #f2e5eb;
2305
+ --interactive-chip-channel-secondary-on-fill-default: #3b0f27;
2276
2306
  --interactive-chip-channel-secondary-on-fill-hover: #320d21;
2277
2307
  --interactive-chip-channel-secondary-on-fill-pressed: #2f0c1f;
2278
- --interactive-chip-channel-secondary-on-text-default: #000000;
2308
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2279
2309
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2280
2310
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2281
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2311
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2282
2312
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2283
2313
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2284
- --interactive-chip-channel-primary-off-fill-default: #fbf5f7;
2314
+ --interactive-chip-channel-primary-off-fill-default: #1f0915;
2285
2315
  --interactive-chip-channel-primary-off-fill-hover: #1a0812;
2286
2316
  --interactive-chip-channel-primary-off-fill-pressed: #190711;
2287
- --interactive-chip-channel-primary-off-text-default: #3b0f27;
2317
+ --interactive-chip-channel-primary-off-text-default: #cd94b1;
2288
2318
  --interactive-chip-channel-primary-off-text-hover: #bc7097;
2289
2319
  --interactive-chip-channel-primary-off-text-pressed: #b7648f;
2290
- --interactive-chip-channel-primary-off-icon-default: #3b0f27;
2320
+ --interactive-chip-channel-primary-off-icon-default: #cd94b1;
2291
2321
  --interactive-chip-channel-primary-off-icon-hover: #bc7097;
2292
2322
  --interactive-chip-channel-primary-off-icon-pressed: #b7648f;
2293
- --interactive-chip-channel-primary-off-border-default: #d19fb9;
2323
+ --interactive-chip-channel-primary-off-border-default: #771c51;
2294
2324
  --interactive-chip-channel-primary-off-border-hover: #651845;
2295
2325
  --interactive-chip-channel-primary-off-border-pressed: #5f1641;
2296
- --interactive-chip-channel-primary-on-fill-default: #d19fb9;
2326
+ --interactive-chip-channel-primary-on-fill-default: #771c51;
2297
2327
  --interactive-chip-channel-primary-on-fill-hover: #651845;
2298
2328
  --interactive-chip-channel-primary-on-fill-pressed: #5f1641;
2299
- --interactive-chip-channel-primary-on-text-default: #000000;
2329
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2300
2330
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2301
2331
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2302
- --interactive-chip-channel-primary-on-icon-default: #000000;
2332
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2303
2333
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2304
2334
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2335
+ --interactive-tab-selected-border-default: #ffffff;
2305
2336
  }
2306
2337
 
2307
2338
  [data-theme="obituaries"] {
2308
- --surface-channel-50: #f7f7f7;
2309
- --surface-channel-100: #ededed;
2310
- --surface-channel-200: #bdbdbd;
2311
- --surface-channel-300: #787875;
2312
- --surface-channel-400: #4d4d4a;
2313
- --surface-channel-500: #2b2b2b;
2314
- --text-channel-primary: #61615e;
2315
- --text-channel-secondary: #787875;
2316
- --text-channel-tertiary: #adadad;
2317
- --icon-channel-primary: #9e9e9b;
2318
- --icon-channel-secondary: #82827f;
2319
- --icon-channel-tertiary: #adadad;
2320
- --border-channel-primary: #adadad;
2321
- --border-channel-secondary: #dbdbd8;
2322
- --border-channel-tertiary: #ededed;
2323
- --active-border: #000000;
2324
- --label-channel: #787875;
2325
- --flag-channel-fill: #bdbdbd;
2326
- --flag-channel-text: #2b2b2b;
2327
- --flag-channel-icon: #2b2b2b;
2328
- --interactive-negative-border-default: #ff8883;
2339
+ --surface-channel-50: #141414;
2340
+ --surface-channel-100: #2b2b2b;
2341
+ --surface-channel-200: #575754;
2342
+ --surface-channel-300: #82827f;
2343
+ --surface-channel-400: #9e9e9b;
2344
+ --surface-channel-500: #b5b5b5;
2345
+ --text-channel-primary: #91918f;
2346
+ --text-channel-secondary: #82827f;
2347
+ --text-channel-tertiary: #61615e;
2348
+ --icon-channel-primary: #6c6c69;
2349
+ --icon-channel-secondary: #7a7a78;
2350
+ --icon-channel-tertiary: #61615e;
2351
+ --border-channel-primary: #61615e;
2352
+ --border-channel-secondary: #404040;
2353
+ --border-channel-tertiary: #2b2b2b;
2354
+ --active-border: #ffffff;
2355
+ --label-channel: #82827f;
2356
+ --flag-channel-fill: #575754;
2357
+ --flag-channel-text: #b5b5b5;
2358
+ --flag-channel-icon: #b5b5b5;
2359
+ --interactive-negative-border-default: #e70300;
2329
2360
  --interactive-negative-border-hover: #c40300;
2330
2361
  --interactive-negative-border-pressed: #b90200;
2331
- --interactive-negative-text-default: #ff8883;
2362
+ --interactive-negative-text-default: #e70300;
2332
2363
  --interactive-negative-text-hover: #c40300;
2333
2364
  --interactive-negative-text-pressed: #b90200;
2334
- --interactive-negative-icon-default: #ff8883;
2365
+ --interactive-negative-icon-default: #e70300;
2335
2366
  --interactive-negative-icon-hover: #c40300;
2336
2367
  --interactive-negative-icon-pressed: #b90200;
2337
- --interactive-link-secondary-text-default: #737373;
2368
+ --interactive-link-secondary-text-default: #8c8c8c;
2338
2369
  --interactive-link-secondary-text-hover: #777777;
2339
2370
  --interactive-link-secondary-text-pressed: #707070;
2340
2371
  --interactive-link-secondary-text-visited: #9a9a9a;
2341
- --interactive-link-secondary-icon-default: #737373;
2372
+ --interactive-link-secondary-icon-default: #8c8c8c;
2342
2373
  --interactive-link-secondary-icon-hover: #777777;
2343
2374
  --interactive-link-secondary-icon-pressed: #707070;
2344
2375
  --interactive-link-secondary-icon-visited: #9a9a9a;
2345
- --interactive-link-secondary-underline-default: #737373;
2376
+ --interactive-link-secondary-underline-default: #8c8c8c;
2346
2377
  --interactive-link-secondary-underline-hover: #9d9d9d;
2347
2378
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2348
2379
  --interactive-link-secondary-underline-visited: #7e7e7e;
2349
2380
  --interactive-chip-channel-secondary-off-fill-default: #2b2b2b;
2350
2381
  --interactive-chip-channel-secondary-off-fill-hover: #242424;
2351
2382
  --interactive-chip-channel-secondary-off-fill-pressed: #222222;
2352
- --interactive-chip-channel-secondary-off-text-default: #4d4d4a;
2383
+ --interactive-chip-channel-secondary-off-text-default: #9e9e9b;
2353
2384
  --interactive-chip-channel-secondary-off-text-hover: #878783;
2354
2385
  --interactive-chip-channel-secondary-off-text-pressed: #7f7f7b;
2355
- --interactive-chip-channel-secondary-off-icon-default: #4d4d4a;
2386
+ --interactive-chip-channel-secondary-off-icon-default: #9e9e9b;
2356
2387
  --interactive-chip-channel-secondary-off-icon-hover: #878783;
2357
2388
  --interactive-chip-channel-secondary-off-icon-pressed: #7f7f7b;
2358
- --interactive-chip-channel-secondary-on-border-default: #4d4d4a;
2389
+ --interactive-chip-channel-secondary-on-border-default: #9e9e9b;
2359
2390
  --interactive-chip-channel-secondary-on-border-hover: #878783;
2360
2391
  --interactive-chip-channel-secondary-on-border-pressed: #7f7f7b;
2361
- --interactive-chip-channel-secondary-on-fill-default: #ededed;
2392
+ --interactive-chip-channel-secondary-on-fill-default: #2b2b2b;
2362
2393
  --interactive-chip-channel-secondary-on-fill-hover: #242424;
2363
2394
  --interactive-chip-channel-secondary-on-fill-pressed: #222222;
2364
- --interactive-chip-channel-secondary-on-text-default: #000000;
2395
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2365
2396
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2366
2397
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2367
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2398
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2368
2399
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2369
2400
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2370
- --interactive-chip-channel-primary-off-fill-default: #f7f7f7;
2401
+ --interactive-chip-channel-primary-off-fill-default: #141414;
2371
2402
  --interactive-chip-channel-primary-off-fill-hover: #111111;
2372
2403
  --interactive-chip-channel-primary-off-fill-pressed: #101010;
2373
- --interactive-chip-channel-primary-off-text-default: #2b2b2b;
2404
+ --interactive-chip-channel-primary-off-text-default: #b5b5b5;
2374
2405
  --interactive-chip-channel-primary-off-text-hover: #9a9a9a;
2375
2406
  --interactive-chip-channel-primary-off-text-pressed: #919191;
2376
- --interactive-chip-channel-primary-off-icon-default: #2b2b2b;
2407
+ --interactive-chip-channel-primary-off-icon-default: #b5b5b5;
2377
2408
  --interactive-chip-channel-primary-off-icon-hover: #9a9a9a;
2378
2409
  --interactive-chip-channel-primary-off-icon-pressed: #919191;
2379
- --interactive-chip-channel-primary-off-border-default: #bdbdbd;
2410
+ --interactive-chip-channel-primary-off-border-default: #575754;
2380
2411
  --interactive-chip-channel-primary-off-border-hover: #4a4a47;
2381
2412
  --interactive-chip-channel-primary-off-border-pressed: #464643;
2382
- --interactive-chip-channel-primary-on-fill-default: #bdbdbd;
2413
+ --interactive-chip-channel-primary-on-fill-default: #575754;
2383
2414
  --interactive-chip-channel-primary-on-fill-hover: #4a4a47;
2384
2415
  --interactive-chip-channel-primary-on-fill-pressed: #464643;
2385
- --interactive-chip-channel-primary-on-text-default: #000000;
2416
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2386
2417
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2387
2418
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2388
- --interactive-chip-channel-primary-on-icon-default: #000000;
2419
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2389
2420
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2390
2421
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2422
+ --interactive-tab-selected-border-default: #ffffff;
2391
2423
  }
2392
2424
 
2393
2425
  [data-theme="ireland"] {
2394
- --surface-channel-50: #f5f5f5;
2395
- --surface-channel-100: #e2e6e6;
2396
- --surface-channel-200: #95a9a6;
2397
- --surface-channel-300: #244b48;
2398
- --surface-channel-400: #0d2926;
2399
- --surface-channel-500: #0a1717;
2400
- --text-channel-primary: #0a1717;
2401
- --text-channel-secondary: #0b2421;
2402
- --text-channel-tertiary: #0f3d38;
2403
- --icon-channel-primary: #7e9591;
2404
- --icon-channel-secondary: #4d6f68;
2405
- --icon-channel-tertiary: #0f3d38;
2406
- --border-channel-primary: #7e9591;
2407
- --border-channel-secondary: #c5cfcc;
2408
- --border-channel-tertiary: #e2e6e6;
2409
- --active-border: #000000;
2410
- --label-channel: #244b48;
2411
- --flag-channel-fill: #95a9a6;
2412
- --flag-channel-text: #0a1717;
2413
- --flag-channel-icon: #0a1717;
2414
- --interactive-negative-border-default: #ff8883;
2426
+ --surface-channel-50: #030d0a;
2427
+ --surface-channel-100: #0a1717;
2428
+ --surface-channel-200: #0c312e;
2429
+ --surface-channel-300: #385a57;
2430
+ --surface-channel-400: #66807d;
2431
+ --surface-channel-500: #8b9f9c;
2432
+ --text-channel-primary: #8b9f9c;
2433
+ --text-channel-secondary: #738a87;
2434
+ --text-channel-tertiary: #436461;
2435
+ --icon-channel-primary: #0d3633;
2436
+ --icon-channel-secondary: #1f4642;
2437
+ --icon-channel-tertiary: #436461;
2438
+ --border-channel-primary: #0d3633;
2439
+ --border-channel-secondary: #0b2421;
2440
+ --border-channel-tertiary: #0a1717;
2441
+ --active-border: #ffffff;
2442
+ --label-channel: #385a57;
2443
+ --flag-channel-fill: #0c312e;
2444
+ --flag-channel-text: #8b9f9c;
2445
+ --flag-channel-icon: #8b9f9c;
2446
+ --interactive-negative-border-default: #e70300;
2415
2447
  --interactive-negative-border-hover: #c40300;
2416
2448
  --interactive-negative-border-pressed: #b90200;
2417
- --interactive-negative-text-default: #ff8883;
2449
+ --interactive-negative-text-default: #e70300;
2418
2450
  --interactive-negative-text-hover: #c40300;
2419
2451
  --interactive-negative-text-pressed: #b90200;
2420
- --interactive-negative-icon-default: #ff8883;
2452
+ --interactive-negative-icon-default: #e70300;
2421
2453
  --interactive-negative-icon-hover: #c40300;
2422
2454
  --interactive-negative-icon-pressed: #b90200;
2423
- --interactive-link-secondary-text-default: #737373;
2455
+ --interactive-link-secondary-text-default: #8c8c8c;
2424
2456
  --interactive-link-secondary-text-hover: #777777;
2425
2457
  --interactive-link-secondary-text-pressed: #707070;
2426
2458
  --interactive-link-secondary-text-visited: #9a9a9a;
2427
- --interactive-link-secondary-icon-default: #737373;
2459
+ --interactive-link-secondary-icon-default: #8c8c8c;
2428
2460
  --interactive-link-secondary-icon-hover: #777777;
2429
2461
  --interactive-link-secondary-icon-pressed: #707070;
2430
2462
  --interactive-link-secondary-icon-visited: #9a9a9a;
2431
- --interactive-link-secondary-underline-default: #737373;
2463
+ --interactive-link-secondary-underline-default: #8c8c8c;
2432
2464
  --interactive-link-secondary-underline-hover: #9d9d9d;
2433
2465
  --interactive-link-secondary-underline-pressed: #a3a3a3;
2434
2466
  --interactive-link-secondary-underline-visited: #7e7e7e;
2435
2467
  --interactive-chip-channel-secondary-off-fill-default: #0a1717;
2436
2468
  --interactive-chip-channel-secondary-off-fill-hover: #081414;
2437
2469
  --interactive-chip-channel-secondary-off-fill-pressed: #081212;
2438
- --interactive-chip-channel-secondary-off-text-default: #0d2926;
2470
+ --interactive-chip-channel-secondary-off-text-default: #66807d;
2439
2471
  --interactive-chip-channel-secondary-off-text-hover: #576d6a;
2440
2472
  --interactive-chip-channel-secondary-off-text-pressed: #526664;
2441
- --interactive-chip-channel-secondary-off-icon-default: #0d2926;
2473
+ --interactive-chip-channel-secondary-off-icon-default: #66807d;
2442
2474
  --interactive-chip-channel-secondary-off-icon-hover: #576d6a;
2443
2475
  --interactive-chip-channel-secondary-off-icon-pressed: #526664;
2444
- --interactive-chip-channel-secondary-on-border-default: #0d2926;
2476
+ --interactive-chip-channel-secondary-on-border-default: #66807d;
2445
2477
  --interactive-chip-channel-secondary-on-border-hover: #576d6a;
2446
2478
  --interactive-chip-channel-secondary-on-border-pressed: #526664;
2447
- --interactive-chip-channel-secondary-on-fill-default: #e2e6e6;
2479
+ --interactive-chip-channel-secondary-on-fill-default: #0a1717;
2448
2480
  --interactive-chip-channel-secondary-on-fill-hover: #081414;
2449
2481
  --interactive-chip-channel-secondary-on-fill-pressed: #081212;
2450
- --interactive-chip-channel-secondary-on-text-default: #000000;
2482
+ --interactive-chip-channel-secondary-on-text-default: #ffffff;
2451
2483
  --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2452
2484
  --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2453
- --interactive-chip-channel-secondary-on-icon-default: #000000;
2485
+ --interactive-chip-channel-secondary-on-icon-default: #ffffff;
2454
2486
  --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2455
2487
  --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2456
- --interactive-chip-channel-primary-off-fill-default: #f5f5f5;
2488
+ --interactive-chip-channel-primary-off-fill-default: #030d0a;
2457
2489
  --interactive-chip-channel-primary-off-fill-hover: #030b09;
2458
2490
  --interactive-chip-channel-primary-off-fill-pressed: #020a08;
2459
- --interactive-chip-channel-primary-off-text-default: #0a1717;
2491
+ --interactive-chip-channel-primary-off-text-default: #8b9f9c;
2460
2492
  --interactive-chip-channel-primary-off-text-hover: #738b87;
2461
2493
  --interactive-chip-channel-primary-off-text-pressed: #6c827f;
2462
- --interactive-chip-channel-primary-off-icon-default: #0a1717;
2494
+ --interactive-chip-channel-primary-off-icon-default: #8b9f9c;
2463
2495
  --interactive-chip-channel-primary-off-icon-hover: #738b87;
2464
2496
  --interactive-chip-channel-primary-off-icon-pressed: #6c827f;
2465
- --interactive-chip-channel-primary-off-border-default: #95a9a6;
2497
+ --interactive-chip-channel-primary-off-border-default: #0c312e;
2466
2498
  --interactive-chip-channel-primary-off-border-hover: #0a2a27;
2467
2499
  --interactive-chip-channel-primary-off-border-pressed: #0a2725;
2468
- --interactive-chip-channel-primary-on-fill-default: #95a9a6;
2500
+ --interactive-chip-channel-primary-on-fill-default: #0c312e;
2469
2501
  --interactive-chip-channel-primary-on-fill-hover: #0a2a27;
2470
2502
  --interactive-chip-channel-primary-on-fill-pressed: #0a2725;
2471
- --interactive-chip-channel-primary-on-text-default: #000000;
2503
+ --interactive-chip-channel-primary-on-text-default: #ffffff;
2472
2504
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2473
2505
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2474
- --interactive-chip-channel-primary-on-icon-default: #000000;
2506
+ --interactive-chip-channel-primary-on-icon-default: #ffffff;
2475
2507
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2476
2508
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2509
+ --interactive-tab-selected-border-default: #ffffff;
2477
2510
  }
2478
2511
  }
2479
2512
  @media (min-width: 0px) {
@@ -2505,6 +2538,18 @@
2505
2538
  --grid-viewport: 433px;
2506
2539
  --grid-max-width: 767px;
2507
2540
  --grid-content-area: 393px;
2541
+ --grid-span-1: 70px;
2542
+ --grid-span-2: 165px;
2543
+ --grid-span-3: 259px;
2544
+ --grid-span-4: 353px;
2545
+ --grid-span-5: 353px;
2546
+ --grid-span-6: 353px;
2547
+ --grid-span-7: 353px;
2548
+ --grid-span-8: 353px;
2549
+ --grid-span-9: 353px;
2550
+ --grid-span-10: 353px;
2551
+ --grid-span-11: 353px;
2552
+ --grid-span-12: 353px;
2508
2553
  --fontSize0025: 0.8rem;
2509
2554
  --fontSize005: 1rem;
2510
2555
  --fontSize010: 1.2rem;
@@ -2539,6 +2584,19 @@
2539
2584
  --grid-viewport: 816px;
2540
2585
  --grid-max-width: 1023px;
2541
2586
  --grid-content-area: 768px;
2587
+ --grid-span-1: 35px;
2588
+ --grid-span-2: 101px;
2589
+ --grid-span-3: 168px;
2590
+ --grid-span-4: 235px;
2591
+ --grid-span-5: 301px;
2592
+ --grid-span-6: 368px;
2593
+ --grid-span-7: 435px;
2594
+ --grid-span-8: 501px;
2595
+ --grid-span-9: 568px;
2596
+ --grid-span-10: 635px;
2597
+ --grid-span-11: 701px;
2598
+ --grid-span-12: 768px;
2599
+ --fontSize100: 4rem;
2542
2600
  }}
2543
2601
  @media (min-width: 1024px) {
2544
2602
  :root {
@@ -2548,6 +2606,19 @@
2548
2606
  --grid-viewport: 1072px;
2549
2607
  --grid-max-width: 1439px;
2550
2608
  --grid-content-area: 1024px;
2609
+ --grid-span-1: 56px;
2610
+ --grid-span-2: 144px;
2611
+ --grid-span-3: 232px;
2612
+ --grid-span-4: 320px;
2613
+ --grid-span-5: 408px;
2614
+ --grid-span-6: 496px;
2615
+ --grid-span-7: 584px;
2616
+ --grid-span-8: 672px;
2617
+ --grid-span-9: 760px;
2618
+ --grid-span-10: 848px;
2619
+ --grid-span-11: 936px;
2620
+ --grid-span-12: 1024px;
2621
+ --fontSize100: 4.6rem;
2551
2622
  }}
2552
2623
  @media (min-width: 1440px) {
2553
2624
  :root {
@@ -2557,6 +2628,22 @@
2557
2628
  --grid-viewport: 1440px;
2558
2629
  --grid-max-width: 1920px;
2559
2630
  --grid-content-area: 1144px;
2631
+ --grid-span-1: 66px;
2632
+ --grid-span-2: 164px;
2633
+ --grid-span-3: 262px;
2634
+ --grid-span-4: 360px;
2635
+ --grid-span-5: 458px;
2636
+ --grid-span-6: 556px;
2637
+ --grid-span-7: 654px;
2638
+ --grid-span-8: 752px;
2639
+ --grid-span-9: 850px;
2640
+ --grid-span-10: 948px;
2641
+ --grid-span-11: 1046px;
2642
+ --grid-span-12: 1144px;
2643
+ --fontSize090: 3.6rem;
2644
+ --fontSize100: 5.6rem;
2645
+ --fontSize110: 4rem;
2646
+ --fontSize140: 5.6rem;
2560
2647
  }}
2561
2648
  :root {
2562
2649
  --shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(0,0,0,0.08);