← All changes | css/jetpack-admin.css +15 -15 16.3-a.5 → 16.3-beta View file →

		@@ -974,9 +974,9 @@
974	974	background-image: url(../images/gradient.svg);
975	975	background-repeat: no-repeat;
976	976	background-position: right top;
977	977	background-size: 380px auto;
978		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	978	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
979	979	border-radius: 8px;
980	980	}
981	981
982	982	.jetpack-offline-notice__title {
		@@ -990,9 +990,9 @@
990	990	.jetpack-offline-notice__text {
991	991	margin: 0;
992	992	font-size: 0.875rem;
993	993	line-height: 1.5;
994		- color: var(--wpds-color-foreground-content-neutral-weak, #50575e);
	994	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
995	995	}
996	996	.jetpack-offline-notice__text a {
997	997	color: #3858e9;
998	998	text-decoration: underline;
		@@ -1019,9 +1019,9 @@
1019	1019	position: static;
1020	1020	}
1021	1021	.jetpack-module-list .manage-right p.search-box input[type=search] {
1022	1022	box-sizing: border-box;
1023		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1023	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1024	1024	border-radius: 4px;
1025	1025	padding-block: 8px;
1026	1026	padding-inline: 40px 16px;
1027	1027	line-height: 24px;
		@@ -1070,9 +1070,9 @@
1070	1070	background: #f6f7f7;
1071	1071	}
1072	1072	.jetpack-module-list .manage-right .subsubsub li .count,
1073	1073	.jetpack-module-list .manage-right .purpose-filter li .count {
1074		- color: var(--wpds-color-foreground-content-neutral-weak, #50575e);
	1074	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1075	1075	}
1076	1076	.jetpack-module-list .manage-right .subsubsub li.current a,
1077	1077	.jetpack-module-list .manage-right .purpose-filter li.current a {
1078	1078	background: #3858e9;
		@@ -1130,9 +1130,9 @@
1130	1130	}
1131	1131	}
1132	1132	.filter-search .button {
1133	1133	background: #fff;
1134		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1134	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1135	1135	border-radius: 4px;
1136	1136	font-size: var(--wpds-typography-font-size-md, 13px);
1137	1137	color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1138	1138	height: 36px;
		@@ -1145,9 +1145,9 @@
1145	1145	.jetpack-module-list .button-group .button {
1146	1146	box-shadow: none;
1147	1147	padding-inline: 16px;
1148	1148	min-inline-size: 72px;
1149		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1149	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1150	1150	color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1151	1151	height: 36px;
1152	1152	font-size: 13px;
1153	1153	line-height: 18px;
		@@ -1176,9 +1176,9 @@
1176	1176	}
1177	1177
1178	1178	.jetpack-modules-card {
1179	1179	background: #fff;
1180		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1180	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1181	1181	border-radius: 8px;
1182	1182	overflow: hidden;
1183	1183	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
1184	1184	}
		@@ -1190,9 +1190,9 @@
1190	1190	gap: 16px;
1191	1191	padding-block: 12px;
1192	1192	padding-inline: 16px;
1193	1193	background: #f6f7f7;
1194		- border-block-end: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1194	+ border-block-end: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1195	1195	}
1196	1196	.jetpack-modules-card__bulk .jetpack-modules-card__checkall {
1197	1197	display: inline-flex;
1198	1198	align-items: center;
		@@ -1225,9 +1225,9 @@
1225	1225	}
1226	1226	.jetpack-modules-card__bulk .tablenav.top .alignleft.actions.bulkactions select {
1227	1227	min-inline-size: 140px;
1228	1228	height: 36px;
1229		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1229	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1230	1230	border-radius: 4px;
1231	1231	padding-block: 0;
1232	1232	padding-inline: 12px 28px;
1233	1233	font-size: var(--wpds-typography-font-size-md, 13px);
		@@ -1234,9 +1234,9 @@
1234	1234	color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1235	1235	}
1236	1236	.jetpack-modules-card__bulk .tablenav.top .alignleft.actions.bulkactions .button {
1237	1237	height: 36px;
1238		- border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1238	+ border: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1239	1239	border-radius: 4px;
1240	1240	background: #fff;
1241	1241	color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1242	1242	box-shadow: none;
		@@ -1274,9 +1274,9 @@
1274	1274	font-size: 12px;
1275	1275	font-weight: 600;
1276	1276	text-transform: uppercase;
1277	1277	letter-spacing: 0.04em;
1278		- color: var(--wpds-color-foreground-content-neutral-weak, #50575e);
	1278	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1279	1279	}
1280	1280
1281	1281	tr.jetpack-module {
1282	1282	box-sizing: border-box;
		@@ -1286,9 +1286,9 @@
1286	1286	gap: 16px;
1287	1287	width: 100%;
1288	1288	padding: 16px;
1289	1289	background: #fff;
1290		- border-block-start: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
	1290	+ border-block-start: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1291	1291	}
1292	1292	.jetpack-module-group-header + tr.jetpack-module {
1293	1293	border-block-start: 0;
1294	1294	}
		@@ -1341,9 +1341,9 @@
1341	1341
1342	1342	.jetpack-module__description {
1343	1343	font-size: var(--wpds-typography-font-size-md, 13px);
1344	1344	line-height: 1.5;
1345		- color: var(--wpds-color-foreground-content-neutral-weak, #50575e);
	1345	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1346	1346	}
1347	1347
1348	1348	.jetpack-module__meta {
1349	1349	display: flex;
		@@ -1375,9 +1375,9 @@
1375	1375	color: #00450c;
1376	1376	}
1377	1377	.jetpack-module__badge.is-inactive {
1378	1378	background: #f6f7f7;
1379		- color: var(--wpds-color-foreground-content-neutral-weak, #50575e);
	1379	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1380	1380	}
1381	1381	.jetpack-module__badge.is-recommended {
1382	1382	background: #f0f4ff;
1383	1383	color: #1d35b4;
		@@ -1406,9 +1406,9 @@
1406	1406	.jetpack-module__unavailable {
1407	1407	max-inline-size: 220px;
1408	1408	font-size: 0.75rem;
1409	1409	line-height: 1.4;
1410		- color: var(--wpds-color-foreground-content-neutral-weak, #50575e);
	1410	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1411	1411	}
1412	1412
1413	1413	.jetpack-module__toggle {
1414	1414	display: inline-flex;