提交 5d004c1e 编写于 作者: G Guillaume Gomez

Improve display for "copy-path" button, making it more discrete

上级 44ec846f
......@@ -1262,12 +1262,11 @@ h4 > .notable-traits {
}
#copy-path {
background: initial;
margin-left: 10px;
padding: 0;
padding-left: 2px;
}
#copy-path> img {
margin-bottom: 2px;
border: 0;
}
#theme-choices {
......
......@@ -502,20 +502,29 @@ kbd {
box-shadow-color: #c6cbd1;
}
#theme-picker, #settings-menu, #help-button, #copy-path {
#theme-picker, #settings-menu, #help-button {
border-color: #5c6773;
background-color: #0f1419;
color: #fff;
}
#theme-picker > img, #settings-menu > img, #copy-path > img {
#theme-picker > img, #settings-menu > img {
filter: invert(100);
}
#copy-path {
color: #fff;
}
#copy-path > img {
filter: invert(70%);
}
#copy-path:hover > img {
filter: invert(100%);
}
#theme-picker:hover, #theme-picker:focus,
#settings-menu:hover, #settings-menu:focus,
#help-button:hover, #help-button:focus,
#copy-path:hover, #copy-path:focus {
#help-button:hover, #help-button:focus {
border-color: #e0e0e0;
}
......
......@@ -392,7 +392,7 @@ kbd {
box-shadow-color: #c6cbd1;
}
#theme-picker, #settings-menu, #help-button, #copy-path {
#theme-picker, #settings-menu, #help-button {
border-color: #e0e0e0;
background: #f0f0f0;
color: #000;
......@@ -400,11 +400,20 @@ kbd {
#theme-picker:hover, #theme-picker:focus,
#settings-menu:hover, #settings-menu:focus,
#help-button:hover, #help-button:focus,
#copy-path:hover, #copy-path:focus {
#help-button:hover, #help-button:focus {
border-color: #ffb900;
}
#copy-path {
color: #999;
}
#copy-path > img {
filter: invert(50%);
}
#copy-path:hover > img {
filter: invert(65%);
}
#theme-choices {
border-color: #e0e0e0;
background-color: #353535;
......
......@@ -384,18 +384,27 @@ kbd {
box-shadow-color: #c6cbd1;
}
#theme-picker, #settings-menu, #help-button, #copy-path {
#theme-picker, #settings-menu, #help-button {
border-color: #e0e0e0;
background-color: #fff;
}
#theme-picker:hover, #theme-picker:focus,
#settings-menu:hover, #settings-menu:focus,
#help-button:hover, #help-button:focus,
#copy-path:hover, #copy-path:focus {
#help-button:hover, #help-button:focus {
border-color: #717171;
}
#copy-path {
color: #999;
}
#copy-path > img {
filter: invert(50%);
}
#copy-path:hover > img {
filter: invert(35%);
}
#theme-choices {
border-color: #ccc;
background-color: #fff;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册