← All changes | assets/css/my-wordpress.css +18 -18 1.1.5 → 1.1.10 View file →

		@@ -846,9 +846,9 @@
846	846	font-size: 11px;
847	847	font-weight: 600;
848	848	text-transform: uppercase;
849	849	letter-spacing: 0.04em;
850		- background: rgba( 34, 113, 177, 0.12 );
	850	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 12%, transparent );
851	851	color: var( --wp-admin-theme-color, #2271b1 );
852	852	}
853	853
854	854	.os-my-wordpress__user-links {
		@@ -951,9 +951,9 @@
951	951	.os-my-wordpress__user-spark-bar {
952	952	background: linear-gradient(
953	953	180deg,
954	954	var( --wp-admin-theme-color, #2271b1 ) 0%,
955		- rgba( 34, 113, 177, 0.55 ) 100%
	955	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 55%, transparent ) 100%
956	956	);
957	957	border-radius: 3px 3px 0 0;
958	958	min-height: 2px;
959	959	transition: height 0.3s ease;
		@@ -1087,9 +1087,9 @@
1087	1087	}
1088	1088
1089	1089	.os-my-wordpress__term-icon--category {
1090	1090	background: linear-gradient( 135deg, var( --os-ui-accent, #2271b1 ) 0%, var( --os-ui-accent-strong, #135e96 ) 100% );
1091		- box-shadow: 0 4px 12px rgba( 34, 113, 177, 0.32 );
	1091	+ box-shadow: 0 4px 12px color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 32%, transparent );
1092	1092	}
1093	1093
1094	1094	.os-my-wordpress__term-icon--tag {
1095	1095	background: linear-gradient( 135deg, #7c3aed 0%, #5b21b6 100% );
		@@ -1096,9 +1096,9 @@
1096	1096	box-shadow: 0 4px 12px rgba( 124, 58, 237, 0.32 );
1097	1097	}
1098	1098
1099	1099	.os-my-wordpress__user-role--category {
1100		- background: rgba( 34, 113, 177, 0.12 );
	1100	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 12%, transparent );
1101	1101	color: var( --os-ui-accent-strong, #135e96 );
1102	1102	}
1103	1103
1104	1104	.os-my-wordpress__user-role--tag {
		@@ -1158,9 +1158,9 @@
1158	1158	* for users with moderate_comments.
1159	1159	* --------------------------------------------------------------- */
1160	1160
1161	1161	.os-my-wordpress__comment-status--approved {
1162		- background: rgba( 34, 113, 177, 0.12 );
	1162	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 12%, transparent );
1163	1163	color: var( --os-ui-accent-strong, #135e96 );
1164	1164	}
1165	1165
1166	1166	.os-my-wordpress__comment-status--pending {
		@@ -1191,9 +1191,9 @@
1191	1191	.os-my-wordpress__comment-quote {
1192	1192	margin: 0 0 16px;
1193	1193	padding: 10px 14px;
1194	1194	border-left: 3px solid var( --wp-admin-theme-color, #2271b1 );
1195		- background: rgba( 34, 113, 177, 0.06 );
	1195	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 6%, transparent );
1196	1196	border-radius: 0 6px 6px 0;
1197	1197	font-size: 13px;
1198	1198	}
1199	1199
		@@ -1336,10 +1336,10 @@
1336	1336	border-radius: 50%;
1337	1337	overflow: hidden;
1338	1338	background: linear-gradient(
1339	1339	135deg,
1340		- rgba( 34, 113, 177, 0.18 ),
1341		- rgba( 34, 113, 177, 0.04 )
	1340	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 18%, transparent ),
	1341	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 4%, transparent )
1342	1342	);
1343	1343	box-shadow:
1344	1344	inset 0 0 0 1px rgba( 0, 0, 0, 0.08 ),
1345	1345	0 2px 6px rgba( 0, 0, 0, 0.08 );
		@@ -1460,10 +1460,10 @@
1460	1460	padding: 24px;
1461	1461	border-radius: 16px;
1462	1462	background: linear-gradient(
1463	1463	135deg,
1464		- rgba( 34, 113, 177, 0.10 ) 0%,
1465		- rgba( 34, 113, 177, 0.02 ) 60%,
	1464	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 10%, transparent ) 0%,
	1465	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 2%, transparent ) 60%,
1466	1466	transparent 100%
1467	1467	);
1468	1468	border: 1px solid var( --os-ui-border, #dcdcde );
1469	1469	}
		@@ -1478,10 +1478,10 @@
1478	1478	inset 0 0 0 2px rgba( 255, 255, 255, 0.8 ),
1479	1479	0 6px 24px rgba( 0, 0, 0, 0.14 );
1480	1480	background: linear-gradient(
1481	1481	135deg,
1482		- rgba( 34, 113, 177, 0.18 ),
1483		- rgba( 34, 113, 177, 0.04 )
	1482	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 18%, transparent ),
	1483	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 4%, transparent )
1484	1484	);
1485	1485	display: inline-flex;
1486	1486	align-items: center;
1487	1487	justify-content: center;
		@@ -1613,17 +1613,17 @@
1613	1613	background: var( --os-ui-hover, rgba( 0, 0, 0, 0.06 ) );
1614	1614	}
1615	1615
1616	1616	.os-my-wordpress__footprint-cell--l1 {
1617		- background: rgba( 34, 113, 177, 0.25 );
	1617	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 25%, transparent );
1618	1618	}
1619	1619
1620	1620	.os-my-wordpress__footprint-cell--l2 {
1621		- background: rgba( 34, 113, 177, 0.5 );
	1621	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 50%, transparent );
1622	1622	}
1623	1623
1624	1624	.os-my-wordpress__footprint-cell--l3 {
1625		- background: rgba( 34, 113, 177, 0.75 );
	1625	+ background: color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 75%, transparent );
1626	1626	}
1627	1627
1628	1628	.os-my-wordpress__footprint-cell--l4 {
1629	1629	background: var( --wp-admin-theme-color, #2271b1 );
		@@ -1693,9 +1693,9 @@
1693	1693	.os-my-wordpress__footprint-bar {
1694	1694	background: linear-gradient(
1695	1695	180deg,
1696	1696	var( --wp-admin-theme-color, #2271b1 ) 0%,
1697		- rgba( 34, 113, 177, 0.55 ) 100%
	1697	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 55%, transparent ) 100%
1698	1698	);
1699	1699	border-radius: 3px 3px 0 0;
1700	1700	min-height: 2px;
1701	1701	transition: opacity 0.2s ease;
		@@ -1727,10 +1727,10 @@
1727	1727	text-align: center;
1728	1728	padding: 20px 24px;
1729	1729	background: linear-gradient(
1730	1730	135deg,
1731		- rgba( 34, 113, 177, 0.10 ),
1732		- rgba( 34, 113, 177, 0.02 )
	1731	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 10%, transparent ),
	1732	+ color-mix( in srgb, var( --wp-admin-theme-color, #2271b1 ) 2%, transparent )
1733	1733	);
1734	1734	}
1735	1735
1736	1736	.os-my-wordpress__footprint-callout-label {