Skip to content

Commit 6b16091

Browse files
author
dd32
committed
Support Forums: classic editor: Fix the styling for the link buttons.
Props yani.iliev, dd32. Closes #554. Fixes #8175. git-svn-id: https://meta.svn.wordpress.org/sites/trunk@14666 74240141-8908-4e6f-9713-ba540dce6ec7
1 parent 6c34b88 commit 6b16091

4 files changed

Lines changed: 70 additions & 47 deletions

File tree

‎wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/variables-site/_colors.scss‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1-
:root {
2-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1+
:root, body {
2+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
3+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
34
}

‎wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/style-rtl.css‎

Lines changed: 33 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,9 @@
1616
* and share what you've learned with others.
1717
*/
1818
/* Sass is good */
19-
:root {
20-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
19+
:root, body {
20+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
21+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
2122
}
2223

2324
/*--------------------------------------------------------------
@@ -906,12 +907,14 @@ div.bbp-template-notice.updated {
906907
/*--------------------------------------------------------------
907908
# Typography
908909
--------------------------------------------------------------*/
909-
:root {
910-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
910+
:root, body {
911+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
912+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
911913
}
912914

913-
:root {
914-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
915+
:root, body {
916+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
917+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
915918
}
916919

917920
h1,
@@ -939,8 +942,9 @@ h3.comment-reply-title {
939942
font-weight: 700;
940943
}
941944

942-
:root {
943-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
945+
:root, body {
946+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
947+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
944948
}
945949

946950
p {
@@ -1085,8 +1089,9 @@ big {
10851089
/*--------------------------------------------------------------
10861090
# Elements
10871091
--------------------------------------------------------------*/
1088-
:root {
1089-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1092+
:root, body {
1093+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1094+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
10901095
}
10911096

10921097
html {
@@ -1205,8 +1210,9 @@ table {
12051210
text-align: center;
12061211
}
12071212

1208-
:root {
1209-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1213+
:root, body {
1214+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1215+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
12101216
}
12111217

12121218
.notice {
@@ -1279,8 +1285,9 @@ table {
12791285
padding-bottom: 8px;
12801286
}
12811287

1282-
:root {
1283-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1288+
:root, body {
1289+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1290+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
12841291
}
12851292

12861293
/* User badges */
@@ -1344,8 +1351,9 @@ table {
13441351
/*--------------------------------------------------------------
13451352
# Forms
13461353
--------------------------------------------------------------*/
1347-
:root {
1348-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1354+
:root, body {
1355+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1356+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
13491357
}
13501358

13511359
/* --------------------------------------------------------------------------
@@ -1778,8 +1786,9 @@ button[type=submit].button.button-hero:active {
17781786
z-index: 1;
17791787
}
17801788

1781-
:root {
1782-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1789+
:root, body {
1790+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1791+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
17831792
}
17841793

17851794
/* Include margin and padding in the width calculation of input and textarea. */
@@ -1905,8 +1914,9 @@ fieldset label {
19051914
/*--------------------------------------------------------------
19061915
## Menus
19071916
--------------------------------------------------------------*/
1908-
:root {
1909-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1917+
:root, body {
1918+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1919+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
19101920
}
19111921

19121922
.site-main .comment-navigation,
@@ -2041,8 +2051,9 @@ fieldset label {
20412051
/*--------------------------------------------------------------
20422052
# Site
20432053
--------------------------------------------------------------*/
2044-
:root {
2045-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
2054+
:root, body {
2055+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
2056+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
20462057
}
20472058

20482059
/*--------------------------------------------------------------

‎wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/style.css‎

Lines changed: 33 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,9 @@
1616
* and share what you've learned with others.
1717
*/
1818
/* Sass is good */
19-
:root {
20-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
19+
:root, body {
20+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
21+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
2122
}
2223

2324
/*--------------------------------------------------------------
@@ -906,12 +907,14 @@ div.bbp-template-notice.updated {
906907
/*--------------------------------------------------------------
907908
# Typography
908909
--------------------------------------------------------------*/
909-
:root {
910-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
910+
:root, body {
911+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
912+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
911913
}
912914

913-
:root {
914-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
915+
:root, body {
916+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
917+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
915918
}
916919

917920
h1,
@@ -939,8 +942,9 @@ h3.comment-reply-title {
939942
font-weight: 700;
940943
}
941944

942-
:root {
943-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
945+
:root, body {
946+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
947+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
944948
}
945949

946950
p {
@@ -1088,8 +1092,9 @@ big {
10881092
/*--------------------------------------------------------------
10891093
# Elements
10901094
--------------------------------------------------------------*/
1091-
:root {
1092-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1095+
:root, body {
1096+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1097+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
10931098
}
10941099

10951100
html {
@@ -1208,8 +1213,9 @@ table {
12081213
text-align: center;
12091214
}
12101215

1211-
:root {
1212-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1216+
:root, body {
1217+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1218+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
12131219
}
12141220

12151221
.notice {
@@ -1282,8 +1288,9 @@ table {
12821288
padding-bottom: 8px;
12831289
}
12841290

1285-
:root {
1286-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1291+
:root, body {
1292+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1293+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
12871294
}
12881295

12891296
/* User badges */
@@ -1347,8 +1354,9 @@ table {
13471354
/*--------------------------------------------------------------
13481355
# Forms
13491356
--------------------------------------------------------------*/
1350-
:root {
1351-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1357+
:root, body {
1358+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1359+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
13521360
}
13531361

13541362
/* --------------------------------------------------------------------------
@@ -1781,8 +1789,9 @@ button[type=submit].button.button-hero:active {
17811789
z-index: 1;
17821790
}
17831791

1784-
:root {
1785-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1792+
:root, body {
1793+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1794+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
17861795
}
17871796

17881797
/* Include margin and padding in the width calculation of input and textarea. */
@@ -1908,8 +1917,9 @@ fieldset label {
19081917
/*--------------------------------------------------------------
19091918
## Menus
19101919
--------------------------------------------------------------*/
1911-
:root {
1912-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
1920+
:root, body {
1921+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
1922+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
19131923
}
19141924

19151925
.site-main .comment-navigation,
@@ -2044,8 +2054,9 @@ fieldset label {
20442054
/*--------------------------------------------------------------
20452055
# Site
20462056
--------------------------------------------------------------*/
2047-
:root {
2048-
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1);
2057+
:root, body {
2058+
--wp-admin-theme-color: var(--wp--preset--color--blueberry-1, #3858e9);
2059+
--wp-admin-theme-color-darker-10: color-mix(in oklab, var(--wp-admin-theme-color), #000 10%);
20492060
}
20502061

20512062
/*--------------------------------------------------------------

0 commit comments

Comments
 (0)