变更集53385

时间戳:

05/10/2022 05:08:35 PM (3个月前)

作者:

ryelle

信息:

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

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

道具fcoveram, critterverse, joedolson, SergeyBiryukov。
合并[53383]到6.0分支。
修复# 55532．

地点:

分支/ 6.0

文件:

• ．(修改)（1支持）
• src / wp-admin / css /颜色/ _admin.scss(修改)（1 diff）
• src / wp-admin / css /颜色/ _variables.scss(修改)（1 diff）
• src / wp-admin / css /颜色/蓝色/ colors.scss(修改)（1 diff）
• src / wp-admin / css /颜色/光/ colors.scss(修改)（1 diff）
• src / wp-admin / css /颜色/午夜/ colors.scss(修改)（1 diff）
• src / wp-admin / css /颜色/现代/ colors.scss(修改)（1 diff）
• src / wp-admin / css / dashboard.css(修改)（11差别）
• src / wp-admin /图片/ about-header-about.svg(修改)（1 diff）
• src / wp-admin /包括/ dashboard.php(修改)（1 diff）

分支/ 6.0 / src / wp-admin / css /颜色/ _admin.scss

@@ -784 +784 @@
 
 /*欢迎面板*/
-
 .welcome-panel {
-background - color: highlight-color美元;
+背景颜色:mix($dashboard-accent-1，白色，12%);
+｝
+
+.welcome-panel-header-image .about-six {
+填充:dashboard-accent-1美元;
+｝
+
+.welcome-panel-header-image .about-zero {
+填充:dashboard-accent-2美元;
 ｝
 
 (类* =“welcome-panel-icon”){
-@if ($scheme-name == "light") {
-background - color: icon-color美元;
-} @else {
-background - color: $底色;
-｝
-｝
+background - color: dashboard-icon-background美元;
+｝

分支/ 6.0 / src / wp-admin / css /颜色/ _variables.scss

@@ -64 +64 @@
 $menu-customizer-text: mix($base-color， $text-color, 40%) !
 
+/ /仪表盘颜色
+
+dashboard-accent-1: highlight-color美元!违约;
+dashboard-accent-2:底色美元!违约;
+dashboard-icon-background: dashboard-accent-2美元!违约;
+
 美元low-contrast-theme:“false”!违约;

分支/ 6.0 / src / wp-admin / css /颜色/蓝色/ colors.scss

@@ -10 +10 @@
 美元menu-submenu-background: # 4796 b3;
 
+dashboard-icon-background: highlight-color美元;
+
 @ import“. . / _admin.scss”;

分支/ 6.0 / src / wp-admin / css /颜色/光/ colors.scss

@@ -19 +19 @@
 $ menu-collapse-focus-icon: # 555;
 
+dashboard-accent-2: icon-color美元;
+dashboard-icon-background:美元文本颜色;
+
 @ import“. . / _admin.scss”;
 

分支/ 6.0 / src / wp-admin / css /颜色/ / colors.scss午夜

@@ -4 +4 @@
 美元notification-color: # 69 a8bb;
 
+dashboard-icon-background: highlight-color美元;
+
 @ import“. . / _admin.scss”;

分支/ 6.0 / src / wp-admin / css /颜色/现代/ colors.scss

@@ -8 +8 @@
 $ link-focus:变黑(highlight-color美元,10%);
 
+美元dashboard-accent-1: # 3858 e9;
+美元dashboard-accent-2: # 1 b8362;
+美元dashboard-icon-background: # 1 d2327;
+
 @ import“. . / _admin.scss”;

分支/ 6.0 / src / wp-admin / css / dashboard.css

@@ -121 +121 @@
 溢出:汽车;
 保证金:16 px 0;
-背景:#2271b1 url(../images/about- textures .png)中心重复;
-background-size: 500 px 500 px;
-background-blend-mode:覆盖;
+background - color: # e7ebfd;
 字体大小:14 px;
 行高:1.3;
@@ -129 +127 @@
 ｝
 
-{前.welcome-panel::
-内容:“”;
-位置:绝对的;
-前:-16像素;
-右:96 px;
-z - index: 0;
-宽度:300 px;
-身高:382 px;
-背景:url(../images/about-header-about.svg)无重复中心;
-background-size:包含;
-｝
-
 .welcome-panel h2 {
 保证金:0;
@@ -146 +132 @@
 粗细:600;
 行高:1.25;
-颜色:# fff;
 ｝
 
@@ -162 +147 @@
 
 .welcome-panel-header {
-颜色:# fff;
+——about-header-image-width: 521 px;
+——about-header-bg-width: calc(var(——about-header-image-width) * 0.55);
+——about-header-bg-offset-inline: 2快速眼动;
+
+位置:相对;
+｝
+
+.welcome-panel-header-image {
+位置:绝对的;
+Inset: -1rem var(——about-header-bg-offset-inline) 0 auto;
+宽度:var(——about-header-bg-width);
+高度:汽车;
+｝
+
+.welcome-panel-header-image svg {
+宽度:100%;
+高度:汽车;
 ｝
 
 .welcome-panel-header一个{
-颜色:# fff；
+颜色:继承；
 ｝
 
 .welcome-panel-header:焦点,
 .welcome-panel-header答:{徘徊
-颜色:# f5e6ab；
+颜色:继承；
 文字修饰:没有;
 ｝
@@ -196 +197 @@
 行高:1.23076923;/* Chrome四舍五入，需要16px等效*/
 文字修饰:没有;
+z - index: 1;/*提升版本映像。* /
 ｝
 
@@ -205 +207 @@
 内容:“\ f335”;
 字体大小:24 px;
-颜色:#fff；
+颜色:#1 d2327；
 ｝
 
 .welcome-panel .welcome-panel-close {
-颜色:#fff；
+颜色:#1 d2327；
 ｝
 
@@ -216 +218 @@
 .welcome-panel .welcome-panel-close:徘徊::,
 {前.welcome-panel .welcome-panel-close:重点::
-颜色:#f5e6ab；
+颜色:#2271 b1；
 ｝
 
@@ -241 +243 @@
 max-width: 1500 px;
 宽度:100%;
-/* 408px = 300px(气球宽度)+ 96px(从边缘偏移)+ 16px(间距)。* /
-填充: 48px 408px 48px 48px；
+填充:48px 0 80px 48px;
+填充-右:calc(var(——about-header-bg-width) + (var(——about-header-bg-offset-inline) * 2))；
 ｝
 
@@ -251 +253 @@
 显示:网格;
 z - index: 1;
-margin-top: 32像素;
 填充:48 px;
 grid-template-columns:重复(3、1 fr);
@@ -1354 +1355 @@
 
 @媒体屏幕和(最大宽度:782px) {
-{前.welcome-panel::
-宽度:240 px;
-身高:305 px;
-右:32像素;
-｝
-
 .welcome-panel-header {
-/* 288px = 240px(气球宽度)+ 32px(从边缘偏移)+ 16px(间距)。* /
-填充:32px 288px 32px 32px;
+——about-header-bg-width: calc(var(——about-header-image-width) * 0.4);
+——about-header-bg-offset-inline: 1快速眼动;
+｝
+
+.welcome-panel-header-image {
+上图:2快速眼动;
 ｝
 
@@ -1435 +1434 @@
 / * * /智能手机
 @媒体屏幕和(最大宽度:600px) {
-{前.welcome-panel::
+.welcome-panel-header {
+填充:32px 32px 64px;
+｝
+
+.welcome-panel-header-image {
 显示:没有;
-｝
-
-.welcome-panel-header {
-填充:32像素;
 ｝
 ｝

分支/ 6.0 / src / wp-admin /图片/ about-header-about.svg

@@ -1 @@
->
-<路径d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 14.928-16.006 28.028-27.895 10.968-25.914 19.651-42.072 26.048-15.853 6.398-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.889-42.529-32.903-11.585-14.014-20.73-30.618- 49.812c3.201 247.3850 0 25.906 0 202.447c0 27.724 4.268-53.772 12.122 -46.157 34.755- 18.584 31.707-33.208 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 30.64-24.22 10.975-5.18 23.779-7.769 38.413-7.769 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 27.133 13.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 27.42 19.207 0 33.383-7.769 42.529-23.307 9.146 15.538 13.719-39.758 13.719-72.6610-29.857-4.42-52.402-13.261-67.635-8.537-15.538-21.189-23.307-37.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"/>
+aria-hidden = " true " focusable = " false ">
+<路径类= "六"d="M265.692 238.093c0 17.061-3.506 33.055-10.518 47.984-6.707 14.928-16.006 28.028-27.895 10.968-25.914 19.651-42.072 26.048-15.853 6.398-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.889-42.529-32.903-11.585-14.014-20.73-30.618- 49.812c3.201 247.3850 0 25.906 0 202.447c0 27.724 4.268-53.772 12.122 -46.157 34.755- 18.584 31.707-33.208 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 30.64-24.22 10.975-5.18 23.779-7.769 38.413-7.769 16.768 0 32.316 3.046 46.645 9.14 14.633 5.788 27.133 13.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 27.42 19.207 0 33.383-7.769 42.529-23.307 9.146 15.538 13.719-39.758 13.719-72.6610-29.857-4.42-52.402-13.261-67.635-8.537-15.538-21.189-23.307-37.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"/>
 <路径d="M156.25 398.381c0-8.068 2.648-14.877 7.943-20.424 5.547- 5.599 8.321 0 15.255 2.9 20.803 8.699 5.547 5.547 8.321 20.424 0 7.817-2.774 14.499-8.321 20.047-5.548 5.295-12.482 7.942-20.803 7.942-8.069 0-14.877- 2.942 - 20.482 7.942- 20.942 -8.069 0-14.877- 2.942 - 20.942 -8.069 " style="mix-blend-mode:multiply"/>
-<路径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- 58.038 7.518-41.5886 31.876-58.038 29.447-29.4 47.358-38.844 18.215-9.445 37.644-14.167 58.287-14.167Zm0 20.644-2.285 29.144-6.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-75.404-3.035- 30.162-1.669-55.296-5.009-75.404-3.035- 13.509- 20.889 -22.313-26.049-8.5-5.179-18.215-7.768-29.144-7.768-10.928 0-20.7952.589-29.599 7.768-8.5 5.18- 15.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 72.204 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-blen -mode:multiply"/>
+<路径类= "零"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- 58.038 7.518-41.5886 31.876-58.038 29.447-29.4 47.358-38.844 18.215-9.445 37.644-14.167 58.287-14.167Zm0 20.644-2.285 29.144-6.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-75.404-3.035- 30.162-1.669-55.296-5.009-75.404-3.035- 13.509- 20.889 -22.313-26.049-8.5-5.179-18.215-7.768-29.144-7.768-10.928 0-20.7952.589-29.599 7.768-8.5 5.18- 15.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 72.204 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-blen -mode:multiply"/>
 < / svg >

分支/ 6.0 / src / wp-admin /包括/ dashboard.php

@@ -1997 +1997 @@
 < div class = " welcome-panel-content”>
 < div class = " welcome-panel-header”>
+< div class = " welcome-panel-header-image”>
+<？php echo file_get_contents(dirname(__DIR__))。' /图片/ about-header-about.svg ');? >
+< / div >
 < h2 > < ?php _e('欢迎来到WordPress!”);? > < / h2 >
 < p >