mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-26 15:26:19 +00:00
fix light mode ui (#8044)
* fix light mode ui * revert sdoc, markdown ui * update seafile-ui.css, fix icon bg color --------- Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
@@ -35,7 +35,7 @@
|
||||
}
|
||||
|
||||
.seafile-comment-title .sdoc-icon-btn:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.seafile-comment-item {
|
||||
@@ -98,7 +98,7 @@
|
||||
.seafile-comment-item .seafile-comment-info .seafile-comment-dropdown .sf-dropdown-toggle:focus,
|
||||
.seafile-comment-item .seafile-comment-info .seafile-comment-dropdown .sf-dropdown-toggle:hover {
|
||||
color: #999;
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.seafile-comment-item .seafile-comment-content {
|
||||
|
@@ -35,14 +35,14 @@
|
||||
.old-history-main .get-more-btn {
|
||||
width: 100%;
|
||||
padding: .5em 0;
|
||||
background: var(--bs-button-active-bg);
|
||||
background: #efefef;
|
||||
border: 0;
|
||||
color: #666;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.old-history-main .get-more-btn:hover {
|
||||
color: var(--bs-secondary-color);
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.old-history-main p {
|
||||
|
@@ -61,7 +61,7 @@ body {
|
||||
}
|
||||
|
||||
.file-view-header .file-toolbar-btn:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@@ -15,7 +15,7 @@
|
||||
}
|
||||
|
||||
.cur-activity-modifiers:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
@@ -32,7 +32,7 @@
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-left-panel .clear-keyword-icon:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-member {
|
||||
@@ -172,7 +172,7 @@
|
||||
font-size: 13px;
|
||||
font-weight: lighter;
|
||||
text-align: justify;
|
||||
color: var(--bs-body-color);
|
||||
color: var(--bs-body-bg);
|
||||
background-color: var(--bs-tooltip-bg);
|
||||
}
|
||||
|
||||
|
@@ -139,7 +139,7 @@
|
||||
}
|
||||
|
||||
.cur-view-path .cur-view-path-btn:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@@ -174,7 +174,7 @@
|
||||
|
||||
.tree-node-hight-light {
|
||||
border-radius: 4px;
|
||||
background-color: var(--bs-nav-active-color) !important;
|
||||
background-color: var(--bs-nav-active-bg) !important;
|
||||
}
|
||||
|
||||
.tree-node-hight-light::before {
|
||||
@@ -318,7 +318,7 @@
|
||||
}
|
||||
|
||||
.dir-view-path .path-item-refresh:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.dir-view-path .sf3-font-refresh {
|
||||
|
@@ -48,10 +48,6 @@
|
||||
right: -12px;
|
||||
}
|
||||
|
||||
#notice-popover .outer-caret {
|
||||
right: 18px;
|
||||
}
|
||||
|
||||
#notice-popover a {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
@@ -5,7 +5,7 @@
|
||||
|
||||
.paginator .paginator-dropdown .btn:active,
|
||||
.paginator .paginator-dropdown .btn:focus {
|
||||
background: var(--bs-button-active-bg);
|
||||
background: var(--bs-body-bg);
|
||||
border-color: #1991eb;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
|
||||
|
@@ -119,7 +119,7 @@ input#findInput {
|
||||
#findPrevious:hover,
|
||||
#findNext:hover,
|
||||
#findClearQuery:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
#findPrevious::before,
|
||||
|
@@ -9,7 +9,7 @@
|
||||
}
|
||||
|
||||
.view-published-wiki:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
}
|
||||
|
@@ -27,19 +27,19 @@ body {
|
||||
|
||||
.op-bar {
|
||||
padding: 9px 10px;
|
||||
background: var(--bs-button-bg);
|
||||
background: var(--bs-bg-color);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.more {
|
||||
background: var(--bs-button-bg);
|
||||
background: var(--bs-bg-color);
|
||||
border: 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.more:hover {
|
||||
color: var(--bs-body-color);
|
||||
background: var(--bs-button-hover-bg);
|
||||
background: var(--bs-bg-secondary-color);
|
||||
}
|
||||
|
||||
.clean {
|
||||
|
@@ -24,7 +24,7 @@
|
||||
}
|
||||
|
||||
.modal .seahub-modal-btn .seahub-modal-btn-inner:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.modal .seahub-modal-btn .seahub-modal-btn-inner .sf3-font {
|
||||
|
@@ -20,7 +20,7 @@
|
||||
min-height: 200px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
|
||||
background: var(--bs-tertiary-bg);
|
||||
background: var(--bs-body-bg);
|
||||
color: var(--bs-body-color);
|
||||
cursor: default;
|
||||
width: 700px;
|
||||
@@ -55,7 +55,7 @@
|
||||
}
|
||||
|
||||
.search-container.show .input-icon .search-icon-right.search-filter-controller.active:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.search-icon-left {
|
||||
@@ -76,7 +76,7 @@
|
||||
}
|
||||
|
||||
.search-icon-right:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@@ -106,7 +106,7 @@
|
||||
top: 2rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: var(--bs-tertiary-bg);
|
||||
background: var(--bs-body-bg);
|
||||
border-radius: 0 0 3px 3px;
|
||||
box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
|
||||
top: 60px;
|
||||
@@ -153,7 +153,7 @@
|
||||
}
|
||||
|
||||
.search-result-container .search-result-item.search-result-item-highlight {
|
||||
background-color: var(--bs-nav-active-bg);
|
||||
background-color: var(--bs-bg-secondary-color);
|
||||
}
|
||||
|
||||
.search-result-container .search-result-container-sidepanel {
|
||||
|
@@ -18,10 +18,6 @@
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.cur-view-path .selected-dirents-toolbar .cur-view-path-btn:first-child {
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.cur-view-path .selected-dirents-toolbar .dropdown {
|
||||
vertical-align: unset;
|
||||
height: 24px;
|
||||
|
@@ -2,7 +2,7 @@
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 14px rgba(0, 0, 0, 0.14);
|
||||
background: var(--bs-tertiary-bg);
|
||||
background: var(--bs-body-bg);
|
||||
color: var(--bs-body-color);
|
||||
z-index: 1000;
|
||||
left: 2px;
|
||||
|
@@ -94,7 +94,7 @@ body {
|
||||
}
|
||||
|
||||
#shared-dir-view .path-container .path-item:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
#shared-dir-view .path-container .path-split {
|
||||
|
@@ -78,7 +78,7 @@
|
||||
}
|
||||
|
||||
.shared-file-view-head .file-toolbar-btn:hover {
|
||||
background-color: var(--bs-icon-hover-bg);
|
||||
background-color: var(--bs-hover-bg);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@@ -5,7 +5,7 @@
|
||||
}
|
||||
|
||||
.sf-dropdown-combined-toggle:hover {
|
||||
background: var(--bs-icon-hover-bg);
|
||||
background: var(--bs-hover-bg);
|
||||
}
|
||||
|
||||
.sf-dropdown-combined-toggle .main-icon {
|
||||
|
@@ -75,7 +75,7 @@
|
||||
}
|
||||
|
||||
.tree-node .right-icon:hover {
|
||||
background-color: var(--bs-icon-hover-secondary-bg);
|
||||
background-color: var(--bs-hover-tertiary-bg);
|
||||
}
|
||||
|
||||
.departments-tree-panel .tree-node-children {
|
||||
@@ -86,8 +86,6 @@
|
||||
.departments-tree-panel .new-dept-btn {
|
||||
padding: 0 6px;
|
||||
margin-top: 10px;
|
||||
background-color: var(--bs-button-bg);
|
||||
color: var(--bs-button-color);
|
||||
}
|
||||
|
||||
.departments-tree-panel .new-dept-btn-icon {
|
||||
|
@@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
.trash-dialog .modal-body .more {
|
||||
background: var(--bs-button-active-bg);
|
||||
background: #efefef;
|
||||
border: 0;
|
||||
color: #666;
|
||||
}
|
||||
|
Reference in New Issue
Block a user