pengjunjie/onlyoffice.github.io
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/onlyoffice.github.io.git synced 2026-02-10 18:05:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor color variables in CSS for consistency; update button ID for clarity and remove unused styles

Browse Source
This commit is contained in:
Artur
2025-11-14 12:25:37 +03:00
parent 2656cef0e6
commit a58ddfbcf1
3 changed files with 21 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
sdkjs-plugins/content/icons/src/colors.css
View File

@ -1,9 +1,9 @@
html {
--font: rgba(0, 0, 0, 0.8);
--font-hover: #000000;
--font-hover: black;
--icon-pad: rgba(0, 0, 0, 0.02);
--icon-pad-hover: #cbcbcb;
--icon-pad-selected: rgba(0, 0, 0, 0.2);
--icon-pad-hover: rgba(0, 0, 0, 0.1);
--icon-pad-selected: #cbcbcb;
--input-bg: white;
--input-placeholder: rgba(0, 0, 0, 0.4);
--input-border: #c0c0c0;
@ -15,24 +15,25 @@ html {
--input-icon: #bdbdbd;
--input-icon-hover: #848484;
--select-option: white;
--select-option-hover: #e0e0e0;
--select-option-hover: #cbcbcb;
--select-option-selected: #cbcbcb;
--font-dark: rgba(255, 255, 255, 0.8);
--font-hover-dark: #ffffff;
--font-hover-dark: white;
--icon-pad-dark: rgba(255, 255, 255, 0.02);
--icon-pad-hover-dark: rgba(255, 255, 255, 0.1);
--icon-pad-selected-dark: rgba(255, 255, 255, 0.2);
--input-bg-dark: red;
--input-border-dark: red;
--input-border-hover-dark: red;
--input-border-focus-dark: red;
--input-border-active-dark: red;
--input-border-error-dark: red;
--input-border-warning-dark: red;
--input-icon-dark: red;
--input-icon-hover-dark: red;
--select-option-dark: red;
--select-option-hover-dark: red;
--select-option-selected-dark: red;
--icon-pad-selected-dark: #606060;
--input-bg-dark: #333333;
--input-placeholder-dark: rgba(255, 255, 255, 0.4);
--input-border-dark: #666666;
--input-border-hover-dark: #666666;
--input-border-focus-dark: rgb(204, 204, 204);
--input-border-active-dark: #666666;
--input-border-error-dark: #f56c6c;
--input-border-warning-dark: #e6a23c;
--input-icon-dark: rgba(255, 255, 255, 0.8);
--input-icon-hover-dark: white;
--select-option-dark: #333333;
--select-option-hover-dark: #606060;
--select-option-selected-dark: #606060;
}

2
sdkjs-plugins/content/icons/src/index.html
View File

@ -67,7 +67,7 @@
<div id="icons-container" class="icons-container">
<div id="icons" class="icons"></div>
</div>
<button id="run" class="run-button i18n">Insert</button>
<button id="insertIcon" class="run-button i18n">Insert</button>
</section>
<script>
function isBrowserSupportsES6() {

37
sdkjs-plugins/content/icons/src/styles.css
View File

@ -14,41 +14,6 @@ label {
display: block;
padding: 14px 0 6px 0;
}
input[readonly]::selection {
background-color: transparent;
}
/*
.selectList:not(.hidden) {
display: flex;
flex-direction: column;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background: #ffffff;
top: 22px;
.run-button {
width: 100%;
max-height: 158px !important;
min-height: 158px !important;
overflow-x: hidden;
overflow-y: auto;
}
.selectList > span {
padding: 5px 20px;
cursor: pointer;
color: #444444;
}
.selectList > span:hover {
background-color: #d8dadc;
color: #373737;
}
.selectList > span[selected=""] {
background-color: #7d858c;
color: #ffffff;
}
.selectList:not(.hidden) + .selectArrow {
transform: rotate(180deg);
}
*/