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

[home] fixed some themes colors

Browse Source
This commit is contained in:
maxkadushkin
2025-06-05 20:34:10 +03:00
parent 3694b3956f
commit 2b750974f3
7 changed files with 69 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
common/loginpage/src/css/colors_contrast_dark.less
View File

@ -1,20 +1,20 @@
:root {
.theme-contrast-dark {
--background-normal: #1e1e1e;
--background-normal: #2a2a2a;
--background-tabbar: #2a2a2a;
--background-button: #1e1e1e;
--background-primary-button: #e6e6e6;
--background-accent-button: #3483db;
--background-scrim: fade(#000, 60%);
--background-scroll-thumb: #424242;
--background-action-panel: @background-normal;
--background-icon-normal: transparent;
--background-normal-element-light: #555;
--background-action-panel: #212121;
--background-icon-normal: #2a2a2a;
--background-normal-element-light: #2a2a2a;
--background-normal-element: @background-normal;
--highlight-button-hover: #424242;
--highlight-button-pressed: #424242;
--highlight-button-pressed: #666666;
--highlight-button-pressed-hover: #666666;
--highlight-accent-button-hover: #5293e2;
--highlight-accent-button-pressed: #3475c5;
@ -25,14 +25,15 @@
--highlight-scroll-thumb-hover: #666666;
--highlight-scroll-track-hover: fade(#fff, 3%);
--highlight-toolbar-tab-underline-document: #4A87E7;
--highlight-sidebar-item-pressed: #666666;
--highlight-sidebar-item-pressed: #212121;
--border-tabbar: #616161;
--border-divider: #414141;
--border-regular-control: #696969;
--border-control-focus: #b8b8b8;
--border-error: #f62211;
--border-sidebar: #616161;
--border-sidebar: 0 none;
--border-sidebar-icon: #616161;
--text-normal: #e8e8e8;
--text-normal-pressed: #e8e8e8;

13
common/loginpage/src/css/colors_dark.less
View File

@ -1,20 +1,20 @@
:root {
.theme-dark {
--background-normal: #333;
--background-normal: #404040;
--background-tabbar: #404040;
--background-button: #333;
--background-primary-button: #ddd;
--background-accent-button: #3483db;
--background-scrim: fade(#000, 60%);
--background-scroll-thumb: #555;
--background-action-panel: var(--background-normal);
--background-icon-normal: transparent;
--background-normal-element-light: #444;
--background-action-panel: #333;
--background-icon-normal: #333;
--background-normal-element-light: #404040;
--background-normal-element: var(--background-normal);
--highlight-button-hover: #555;
--highlight-button-pressed: #606060;
--highlight-button-pressed: #707070;
--highlight-button-pressed-hover: #808080;
--highlight-accent-button-hover: #5293e2;
--highlight-accent-button-pressed: #3475c5;
@ -24,7 +24,7 @@
--highlight-text-select: #96c8fd;
--highlight-scroll-thumb-hover: #606060;
--highlight-scroll-track-hover: fade(#fff, 3%);
--highlight-sidebar-item-pressed: #606060;
--highlight-sidebar-item-pressed: #333;
--highlight-toolbar-tab-underline-document: #4A87E7;
--border-tabbar: #2a2a2a;
@ -33,6 +33,7 @@
--border-control-focus: #ccc;
--border-error: #f62211;
--border-sidebar: #2a2a2a;
--border-sidebar-icon: #616161;
--text-normal: fade(#fff, 80%);
--text-normal-pressed: fade(#fff, 80%);

4
common/loginpage/src/css/component.less
View File

@ -595,6 +595,10 @@ input[type="radio"] {
background: @highlight-button-hover;
}
&:active {
background: @highlight-button-pressed;
}
.format-label {
position: absolute;
top: 14px;

73
common/loginpage/src/css/styles.less
View File

@ -482,11 +482,7 @@ li.menu-item {
button {
color: @icon-normal;
width: 24px;
height: 24px;
padding: 0;
border-radius: 2px;
background: transparent;
align-items: center;
&:active {
@ -754,6 +750,20 @@ li.menu-item {
}
}
.btn-quick {
width: 24px;
height: 24px;
padding: 0;
border-radius: 2px;
svg.icon {
fill: @background-icon-normal;
stroke: @icon-normal;
color: @icon-normal;
}
}
#idx-sidebar-portals,
#box-portals {
display: none;
@ -800,36 +810,21 @@ li.menu-item {
}
}
.btn-quick {
width: 24px;
height: 24px;
padding: 0;
.sidebar-block-title {
.btn-quick {
opacity: .8;
background-color: transparent;
svg.icon {
fill: @background-icon-normal;
/*.theme-type-dark & {*/
/*fill: #a5a5a5;*/
/*}*/
stroke: @icon-normal;
color: @icon-normal;
&:hover {
opacity: 1;
background-color: @highlight-button-hover;
}
/*.icon {*/
/*width: 24px;*/
/*height: 24px;*/
/*background-position: -86px -48px;*/
/*}*/
&:hover {
opacity: 1;
background-color: @highlight-button-hover;
}
&:active {
opacity: 1;
background-color: @highlight-button-pressed;
}
&:active {
opacity: 1;
background-color: @highlight-button-pressed;
}
}
}
tr:not(:hover) {
@ -853,6 +848,22 @@ li.menu-item {
background-position: -24px*@index 0;
}
.file-list-body,
.table-files {
.btn-quick {
margin: 0 5px;
background-color: transparent;
&:hover {
background-color: @highlight-button-pressed;
}
&:active {
background-color: @highlight-button-pressed-hover;
}
}
}
.table-files {
border-collapse: collapse;
table-layout: fixed;
@ -1173,10 +1184,6 @@ li.menu-item {
}
}
.btn-quick {
margin: 0 5px;
}
.primary {
font-size: 14px;
color: @text-normal;

7
common/loginpage/src/panelrecent.js
View File

@ -160,7 +160,12 @@
if (info.type !== 'folder') {
_tpl += `<div class="col-date"><p>${info.date}</p></div>`;
_tpl += `<div class="col-more"><button id="${info.uid}-more-btn"><svg class="icon"><use xlink:href="#more"/></svg>${!isSvgIcons ? '<i class="icon tool-icon more"></i>' : ''}</button></div>`;
_tpl += `<div class="col-more">
<button id="${info.uid}-more-btn" class="btn-quick more">
<svg class="icon"><use xlink:href="#more"/></svg>
${!isSvgIcons ? '<i class="icon tool-icon more"></i>' : ''}
</button>
</div>`;
}
return _tpl + '</div>';

4
win-linux/res/styles/theme-contrast-dark.json
View File

@ -8,7 +8,7 @@
"brand-pdf": "#1e1e1e",
"brand-draw": "1e1e1e",
"window-background": "#2a2a2a",
"window-background": "#181818",
"window-border": "#616161",
"text-normal": "#e8e8e8",
@ -18,7 +18,7 @@
"tool-button-background": "#2a2a2a",
"tool-button-hover-background": "#424242",
"tool-button-pressed-background": "#666666",
"tool-button-active-background": "#1e1e1e",
"tool-button-active-background": "#2a2a2a",
"download-widget-background": "#2a2a2a",
"download-widget-border": "#666666",

4
win-linux/res/styles/theme-dark.json
View File

@ -8,7 +8,7 @@
"brand-pdf": "#2a2a2a",
"brand-draw": "#2a2a2a",
"window-background": "#404040",
"window-background": "#282828",
"window-border": "#616161",
"text-normal": "#d9d9d9",
@ -18,7 +18,7 @@
"tool-button-background": "#404040",
"tool-button-hover-background": "#555",
"tool-button-pressed-background": "#606060",
"tool-button-active-background": "#333",
"tool-button-active-background": "#404040",
"download-widget-background": "#333",
"download-widget-border": "#666666",