制作WordPress核心

变更集53383


忽略:
时间戳:
05/10/2022 04:43:44 PM (3个月前)
作者:
ryelle
信息:

管理:更新仪表板欢迎面板的设计。

这将更新面板以匹配6.0 About页面样式,6.0图形将根据所选的管理配色方案更改颜色。

道具fcoveram, critterverse, joedolson, SergeyBiryukov。
修复# 55532

地点:
树干/ src / wp-admin
文件:
9编辑

传说:

未修改的
添加
删除
  • 树干/ src / wp-admin / css /颜色/ _admin.scss

    r52562 r53383
    784 784
    785 785 /*欢迎面板*/
    786
    787 786 .welcome-panel {
    788 background - color: highlight-color美元;
    787 Background-color: mix($dashboard-accent-1,白色,12%);
    788
    789
    790 .welcome-panel-header-image .about-six {
    791 填充:dashboard-accent-1美元;
    792
    793
    794 .welcome-panel-header-image .about-zero {
    795 填充:dashboard-accent-2美元;
    789 796
    790 797
    791 798 (类* =“welcome-panel-icon”){
    792 @if ($scheme-name == "light") {
    793 background - color: icon-color美元;
    794 } @其他{
    795 background - color: $底色;
    796
    797
    799 background - color: dashboard-icon-background美元;
    800
  • 树干/ src / wp-admin / css /颜色/ _variables.scss

    r52562 r53383
    64 64 $menu-customizer-text:混合($base-color, $text-color, 40%)
    65 65
    66 //仪表盘颜色
    67
    68 $dashboard-accent-1: $highlight-color !
    69 $dashboard-accent-2: $base-color !
    70 $dashboard-icon-background: $dashboard-accent-2 !
    71
    66 72 $low-contrast-theme: "false" !
  • 树干/ src / wp-admin / css /颜色/蓝色/ colors.scss

    r52562 r53383
    10 10 美元menu-submenu-background: # 4796 b3;
    11 11
    12 dashboard-icon-background: highlight-color美元;
    13
    12 14 @ import“. . / _admin.scss”;
  • 树干/ src / wp-admin / css /颜色/光/ colors.scss

    r52562 r53383
    19 19 $ menu-collapse-focus-icon: # 555;
    20. 20.
    21 dashboard-accent-2: icon-color美元;
    22 dashboard-icon-background:美元文本颜色;
    23
    21 24 @ import“. . / _admin.scss”;
    22 25
  • 树干/ src / wp-admin / css /颜色/ / colors.scss午夜

    r52562 r53383
    4 4 美元notification-color: # 69 a8bb;
    5 5
    6 dashboard-icon-background: highlight-color美元;
    7
    6 8 @ import“. . / _admin.scss”;
  • 树干/ src / wp-admin / css /颜色/现代/ colors.scss

    r52562 r53383
    8 8 $link-focus:变暗($highlight-color, 10%);
    9 9
    10 美元dashboard-accent-1: # 3858 e9;
    11 美元dashboard-accent-2: # 1 b8362;
    12 美元dashboard-icon-background: # 1 d2327;
    13
    10 14 @ import“. . / _admin.scss”;
  • 树干/ src / wp-admin / css / dashboard.css

    r52735 r53383
    121 121 溢出:汽车;
    122 122 边框:16px 0;
    123 背景:#2271b1 url(../images/about-texture.png) center repeat;
    124 Background-size: 500px;
    125 background-blend-mode:覆盖;
    123 background - color: # e7ebfd;
    126 124 字体大小:14 px;
    127 125 行高:1.3;
    ... ...
    129 127
    130 128
    131 {前.welcome-panel::
    132 内容:“”;
    133 位置:绝对的;
    134 前:-16像素;
    135 右:96 px;
    136 z - index: 0;
    137 宽度:300 px;
    138 身高:382 px;
    139 背景:url(../images/about-header-about.svg)无重复中心;
    140 background-size:包含;
    141
    142
    143 129 .welcome-panel h2 {
    144 130 保证金:0;
    ... ...
    146 132 粗细:600;
    147 133 行高:1.25;
    148 颜色:# fff;
    149 134
    150 135
    ... ...
    162 147
    163 148 .welcome-panel-header {
    164 颜色:# fff;
    149 ——about-header-image-width: 521 px;
    150 ——about-header-bg-width: calc(var(——about-header-image-width) * 0.55);
    151 ——about-header-bg-offset-inline: 2快速眼动;
    152
    153 位置:相对;
    154
    155
    156 .welcome-panel-header-image {
    157 位置:绝对的;
    158 插入:-1rem var(——about-header-bg-offset-inline) 0 auto;
    159 宽度:var(——about-header-bg-width);
    160 高度:汽车;
    161
    162
    163 .welcome-panel-header-image SVG {
    164 宽度:100%;
    165 高度:汽车;
    165 166
    166 167
    167 168 .welcome-panel-header a {
    168 颜色:# fff
    169 颜色:继承
    169 170
    170 171
    171 172 .welcome-panel-header:焦点,
    172 173 .welcome-panel-header a:hover {
    173 颜色:# f5e6ab
    174 颜色:继承
    174 175 文字修饰:没有;
    175 176
    ... ...
    196 197 行高:1.23076923;/* Chrome四舍五入,需要16px等效*/
    197 198 文字修饰:没有;
    199 z - index: 1;/*抬高到版本图片上方。* /
    198 200
    199 201
    ... ...
    205 207 内容:“\ f335”;
    206 208 字体大小:24 px;
    207 颜色:#fff
    209 颜色:#1 d2327
    208 210
    209 211
    210 212 .welcome-panel .welcome-panel-close {
    211 颜色:#fff
    213 颜色:#1 d2327
    212 214
    213 215
    ... ...
    216 218 .welcome-panel .welcome-panel-close:徘徊::,
    217 219 .welcome-panel .welcome-panel-close:focus::before {
    218 颜色:#f5e6ab
    220 颜色:#2271 b1
    219 221
    220 222
    ... ...
    241 243 max-width: 1500 px;
    242 244 宽度:100%;
    243 /* 408px = 300px(气球宽度)+ 96px(边缘偏移量)+ 16px(间距)。* /
    244 填充: 48px 408px 48px 48px
    245 填充:48px 0 80px 48px;
    246 填充-右:calc(var(——about-header-bg-width) + (var(——about-header-bg-offset-inline) * 2))
    245 247
    246 248
    ... ...
    251 253 显示:网格;
    252 254 z - index: 1;
    253 margin-top: 32像素;
    254 255 填充:48 px;
    255 256 Grid-template-columns: repeat(3,1fr);
    ... ...
    1354 1355
    1355 1356 @media screen and (max-width: 782px) {
    1356 {前.welcome-panel::
    1357 宽度:240 px;
    1358 身高:305 px;
    1359 右:32像素;
    1360
    1361
    1362 1357 .welcome-panel-header {
    1363 /* 288px = 240px(气球宽度)+ 32px(边缘偏移量)+ 16px(间距)。* /
    1364 填充:32px 288px 32px 32px;
    1358 ——about-header-bg-width: calc(var(——about-header-image-width) * 0.4);
    1359 ——about-header-bg-offset-inline: 1快速眼动;
    1360
    1361
    1362 .welcome-panel-header-image {
    1363 上图:2快速眼动;
    1365 1364
    1366 1365
    ... ...
    1435 1434 /*智能手机*/
    1436 1435 @media screen and (max-width: 600px) {
    1437 {前.welcome-panel::
    1436 .welcome-panel-header {
    1437 填充:32px 32px 64px;
    1438
    1439
    1440 .welcome-panel-header-image {
    1438 1441 显示:没有;
    1439
    1440
    1441 .welcome-panel-header {
    1442 填充:32像素;
    1443 1442
    1444 1443
  • 树干/ src / wp-admin /图片/ about-header-about.svg

    r53339 r53383
    1 >
    2 <路径d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 28.028-27.895 39.301-11.89 10.968-25.914 19.651-42.072 6.948 -32.926 9.597-51.218 9.597-19.816 0-37.956-3.808-54.419-11.425-16.462-7.921-30.639- 18.839 -30.639- 18.839 -42.529-32.903-11.585-14.014- 30.618- 27.447 c0-27.724 4.268-53.772 12.804-78.145 8.537-24.678 20.122-46.157 34.755- 43.871c118.289 5.332 139.172 0 161.427 0c12.195 0 23.6281.371 34.298 4.113 10.67 2.437 19.816 5.94 27.438 10.51 7.927 4.57 14.176 10.054 18.749 16.452 4.573 6.094 6.86 12.796 6.86 20.108 0 8.835 -2.744 15.842 -8.232 21.022 -5.487 4.874 -12.804 7.311 -21.95 7.311 -6.402 0 - 11.433 - 1.37 - 15.091 - 4.112 - 3.658 - 2.742 - 6.86 - 6.094 - 9.603 - 10.054 - 2.439 - 3.96 - 4.726 - 8.226 - 6.86 - 12.796 - 2.134 - 4.875 - 4.878 - 9.292 - 8.231 - 13.253 - 3.049 - 3.96 - 7.012 - 7.312 - 11.89 - 10.054 - 4.878 - 2.741 - 11.433 - 4.113 - 19.664 - 4.113 - 10.061 0 - 19.359 3.352 -27.895 10.054 -8.537 6.398 -16.006 15.386 -22.408 26.963 -6.09711.272-10.975 24.677-14.634 40.215-3.658 15.538-5.487 32.446-5.487 50.726l1.371.914c9.756-10.968 19.97-19.041 30.64-24.22 10.975- 5.975 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 16.769 37.862 37.862 37.498 24.22 10.671 10.359 19.055 22.697 25.152 37.016 6.097 14.015 9.146 29.248 9.146 45.7Zm-189.78-10.968c0 35.95 5.03 63.065 15.09 81.344 10.366 18.28 25.305 27.42 44.816 19.207 0 33.383-7.769 42.529-23.307 9.146- 15.719 -39.758 13.719- 76610-29.857-4.42-52.402-13.261-67.635-8.537-15.538- 21.187 - 23.956 -23.307-13.414 0-25.152 4.265-35.212 12.796-10.061 8.53-19.97 22.088-29.725 40.672v24.678Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
    1 aria-hidden = " true " focusable = " false ">
    2 <路径类= "六"d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 28.028-27.895 39.301-11.89 10.968-25.914 19.651-42.072 6.948 -32.926 9.597-51.218 9.597-19.816 0-37.956-3.808-54.419-11.425-16.462-7.921-30.639- 18.839 -30.639- 18.839 -42.529-32.903-11.585-14.014- 30.618- 27.447 c0-27.724 4.268-53.772 12.804-78.145 8.537-24.678 20.122-46.157 34.755- 43.871c118.289 5.332 139.172 0 161.427 0c12.195 0 23.6281.371 34.298 4.113 10.67 2.437 19.816 5.94 27.438 10.51 7.927 4.57 14.176 10.054 18.749 16.452 4.573 6.094 6.86 12.796 6.86 20.108 0 8.835 -2.744 15.842 -8.232 21.022 -5.487 4.874 -12.804 7.311 -21.95 7.311 -6.402 0 - 11.433 - 1.37 - 15.091 - 4.112 - 3.658 - 2.742 - 6.86 - 6.094 - 9.603 - 10.054 - 2.439 - 3.96 - 4.726 - 8.226 - 6.86 - 12.796 - 2.134 - 4.875 - 4.878 - 9.292 - 8.231 - 13.253 - 3.049 - 3.96 - 7.012 - 7.312 - 11.89 - 10.054 - 4.878 - 2.741 - 11.433 - 4.113 - 19.664 - 4.113 - 10.061 0 - 19.359 3.352 -27.895 10.054 -8.537 6.398 -16.006 15.386 -22.408 26.963 -6.09711.272-10.975 24.677-14.634 40.215-3.658 15.538-5.487 32.446-5.487 50.726l1.371.914c9.756-10.968 19.97-19.041 30.64-24.22 10.975- 5.975 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 16.769 37.862 37.862 37.498 24.22 10.671 10.359 19.055 22.697 25.152 37.016 6.097 14.015 9.146 29.248 9.146 45.7Zm-189.78-10.968c0 35.95 5.03 63.065 15.09 81.344 10.366 18.28 25.305 27.42 44.816 19.207 0 33.383-7.769 42.529-23.307 9.146- 15.719 -39.758 13.719- 76610-29.857-4.42-52.402-13.261-67.635-8.537-15.538- 21.187 - 23.956 -23.307-13.414 0-25.152 4.265-35.212 12.796-10.061 8.53-19.97 22.088-29.725 40.672v24.678Z" fill="#3858E9" style="mix-blend-mode:multiply"/>
    3. 3.
    4 <路径d = " M369.361 c20.947 0 40.528 4.722 58.743 142.207 14.167 18.519 9.444 34.608 22.392 48.269 38.844 13.662 16.452 24.439 35.798 32.332 58.038 8.196 22.24 12.295 46.308 12.295 72.205 0 24.677 -4.099 47.831 -12.295 69.462 -7.893 21.631 -18.67 40.52 -32.332 56.667 -13.661 15.843 -29.75 28.486 -48.269 37.931 -18.215 9.139 -37.796 13.709 -58.743 13.709 -20.643 0 - 40.072 - 4.57 - 58.287 - 13.709 - 17.911 - 9.445 - 33.697 - 22.088 - 47.358 - 37.931 - 13.358 - 16.147 - 23.983 - 35.036 - 31.876 - 56.667 - 7.893 - 21.631 - 11.84 - 44.785 - 11.84 - 69.4620-25.897 3.947-49.965 11.84- 7.876 -58.038 13.661-16.452 29.447-29.4 47.358-38.844 18.261 -9.445 37.644- 14.855 8.804-4.875 16.242-13.101 22.313-24.678 6.072-11.577 10.626-26.962 13.661-46.156 3.34-19.193 5.009-43.262 5.009-72.204 0-30.162-1.669-55.296-5.009-75.404-3.035-20.412- 7.889 - 8.071 - 12.179 -18.215-7.768-29.144-7.768-10.928 0-20.7952.589-29.599 7.768-8.5 5.18-15.786 13.862-21.857 26.049-6.072 12.186-10.778 28.486-14.117 48.898-3.036 20.108-4.554 45.242-4.554 75.404 0 28.942 1.518 53.011 4.554 45.242-4.554 3.339 19.194 8.045 34.579 14.117 46.156 6.071 11.577 13.357 19.803 21.857 24.678 8.804 4.57 18.671 6.855 29.599 6.855 z " fill="#1B8362" style="mix-blend-mode:multiply"/>
    4 <路径类= "零"d = " M369.361 c20.947 0 40.528 4.722 58.743 142.207 14.167 18.519 9.444 34.608 22.392 48.269 38.844 13.662 16.452 24.439 35.798 32.332 58.038 8.196 22.24 12.295 46.308 12.295 72.205 0 24.677 -4.099 47.831 -12.295 69.462 -7.893 21.631 -18.67 40.52 -32.332 56.667 -13.661 15.843 -29.75 28.486 -48.269 37.931 -18.215 9.139 -37.796 13.709 -58.743 13.709 -20.643 0 - 40.072 - 4.57 - 58.287 - 13.709 - 17.911 - 9.445 - 33.697 - 22.088 - 47.358 - 37.931 - 13.358 - 16.147 - 23.983 - 35.036 - 31.876 - 56.667 - 7.893 - 21.631 - 11.84 - 44.785 - 11.84 - 69.4620-25.897 3.947-49.965 11.84- 7.876 -58.038 13.661-16.452 29.447-29.4 47.358-38.844 18.261 -9.445 37.644- 14.855 8.804-4.875 16.242-13.101 22.313-24.678 6.072-11.577 10.626-26.962 13.661-46.156 3.34-19.193 5.009-43.262 5.009-72.204 0-30.162-1.669-55.296-5.009-75.404-3.035-20.412- 7.889 - 8.071 - 12.179 -18.215-7.768-29.144-7.768-10.928 0-20.7952.589-29.599 7.768-8.5 5.18-15.786 13.862-21.857 26.049-6.072 12.186-10.778 28.486-14.117 48.898-3.036 20.108-4.554 45.242-4.554 75.404 0 28.942 1.518 53.011 4.554 45.242-4.554 3.339 19.194 8.045 34.579 14.117 46.156 6.071 11.577 13.357 19.803 21.857 24.678 8.804 4.57 18.671 6.855 29.599 6.855 z " fill="#1B8362" style="mix-blend-mode:multiply"/>
    5 5 < / svg >
  • 树干/ src / wp-admin /包括/ dashboard.php

    r53131 r53383
    1997 1997 < div class = " welcome-panel-content”>
    1998 1998 < div class = " welcome-panel-header”>
    1999 < div class = " welcome-panel-header-image”>
    2000 <?返回file_get_contents(dirname(__DIR__))。' /图片/ about-header-about.svg ');? >
    2001 < / div >
    1999 2002 < h2 > < ?php _e('欢迎来到WordPress!”);? > < / h2 >
    2000 2003 < p >
注意:看到TracChangeset有关使用变更集查看器的帮助。< / div >< / div >< / div >