haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 23:02:26 +00:00
Code Issues Releases Wiki Activity

Fix/dark mode css (#8098)

Browse Source 
* update dark mode css

* update logo & fix some icon's color

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2025-08-05 14:55:18 +08:00
committed by GitHub
parent 99ae6a00d6
commit 863152ceb9
49 changed files with 224 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/css/comments-list.css
View File

@@ -44,7 +44,7 @@
}
.seafile-comment-page .seafile-comment-item:hover {
background-color: var(--bs-body-tertiary-bg);
background-color: var(--bs-body-secondary-bg);
cursor: pointer;
}

2
frontend/src/css/file-uploader.css
View File

@@ -23,7 +23,7 @@
}
.uploader-list-header {
background-color: var(--bs-header-quartus-bg);
background-color: var(--bs-header-tertiary-bg);
padding: 0.625rem;
font-size: 1rem;
color: var(--bs-body-color);

2
frontend/src/css/file-view.css
View File

@@ -116,7 +116,7 @@ body {
.file-view-body .file-view-content {
padding: 30px 0;
background: var(--bs-body-tertiary-bg);
background: var(--bs-body-secondary-bg);
border-right: 4px solid transparent;
}

4
frontend/src/css/group-departments.css
View File

@@ -172,8 +172,8 @@
font-size: 13px;
font-weight: lighter;
text-align: justify;
color: var(--bs-body-bg);
background-color: var(--bs-tooltip-bg);
color: #fff;
background-color: #000;
}
.bs-tooltip-top .arrow::before,

8
frontend/src/css/layout.css
View File

@@ -135,7 +135,7 @@
.cur-view-path .cur-view-path-btn.sf3-font,
.cur-view-path .cur-view-path-btn .sf3-font {
font-size: 16px;
color: #666;
color: var(--bs-icon-secondary-color);
}
.cur-view-path .cur-view-path-btn:hover {
@@ -243,7 +243,7 @@ div[tabindex="-1"][role="group"] {
margin-left: 0.5rem;
font-size: 1rem;
font-weight: normal;
color: #666;
color: var(--bs-body-secondary-color);
}
.header .file-feature {
@@ -307,7 +307,7 @@ img[src=""],img:not([src]) { /* for first loading img*/
.cur-view-container .sf3-font-star-empty.sf3-font,
.cur-view-container .sf3-font-star.sf3-font {
color: #999;
color: var(--bs-icon-tertiary-color);
}
.path-container {
@@ -356,7 +356,7 @@ img[src=""],img:not([src]) { /* for first loading img*/
.sf-tip-default {
font-size: 13px;
color: #666;
color: var(--bs-body-secondary-color);
}
.nav-indicator-container .nav-item {

4
frontend/src/css/lib-content-view.css
View File

@@ -323,7 +323,7 @@
.dir-view-path .sf3-font-refresh {
transform: rotateY(180deg);
color: #666;
color: var(--bs-icon-secondary-color);
cursor: pointer;
font-size: 14px;
display: inline-block;
@@ -331,7 +331,7 @@
.dir-view-path .sf3-font-new,
.dir-view-path .path-item-dropdown-toggle {
color: #666;
color: var(--bs-icon-secondary-color);
}
.dir-view-path .path-item-dropdown-toggle {

2
frontend/src/css/notification.css
View File

@@ -24,7 +24,7 @@
#notifications .sf-icon-bell {
font-size: 16px;
line-height: 1;
color: #666;
color: var(--bs-icon-secondary-color);
vertical-align: middle;
border-radius: 4px;
}

31
frontend/src/css/published-wiki-entrance.css
View File

@@ -1,15 +1,18 @@
.view-published-wiki {
font-size: .75rem;
color: #666;
background: transparent;
height: 20px;
padding: 0 .5rem;
border: 1px solid #dbdbdb;
border-radius: 10px;
}
.view-published-wiki:hover {
background: var(--bs-hover-bg);
text-decoration: none;
color: #666;
}
font-size: .75rem;
color: #666;
background: transparent;
height: 20px;
padding: 0 .5rem;
border: 1px solid #dbdbdb;
border-radius: 10px;
}
[data-bs-theme=dark] .view-published-wiki {
border-color: rgba(255, 255, 255, 0.2)
}
.view-published-wiki:hover {
background: var(--bs-hover-bg);
text-decoration: none;
color: #666;
}

6
frontend/src/css/repo-info-bar.css
View File

@@ -1,7 +1,7 @@
.repo-info-bar {
padding: 10px;
margin: 10px 16px 0;
border: 1px solid #e6e6dd;
border: 1px solid var(--bs-border-color);
border-radius: 5px;
color: var(--bs-body-color);
}
@@ -32,7 +32,7 @@
}
.used-tag-files {
color: #666;
color: var(--bs-body-secondary-color);
font-size: 14px;
}
@@ -52,7 +52,7 @@
}
.info-icon {
color: #666;
color: var(--bs-icon-secondary-color);
vertical-align: -3px;
}

23
frontend/src/css/search.css
View File

@@ -25,6 +25,11 @@
width: 700px;
padding: 16px 0;
}
[data-bs-theme="dark"] .search-container.show {
background-color: rgba(28, 29, 31, 1);
border: 1px solid rgba(51, 52, 53, 1);
box-shadow: none;
}
.search-container .input-icon {
position: relative;
@@ -66,7 +71,7 @@
pointer-events: all;
font-style: normal;
min-width: 20px;
color: #666;
color: var(--bs-icon-secondary-color);
height: 20px;
margin: 9px;
border: 0;
@@ -97,7 +102,8 @@
.search-container.show .search-input {
height: 38px;
background-color: field;
background-color: inherit;
color: var(--bs-body-color);
}
.search-result-container {
@@ -105,7 +111,7 @@
top: 2rem;
left: 0;
width: 100%;
background: var(--bs-body-bg);
background: var(--bs-popover-bg);
border-radius: 0 0 3px 3px;
box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
top: 60px;
@@ -138,7 +144,6 @@
display: flex;
flex-direction: column;
overflow: auto;
scrollbar-color: #C1C1C1 rgba(0, 0, 0, 0);
flex: 1;
}
@@ -166,6 +171,10 @@
overflow: auto;
}
.search-result-container .search-result-container-side-panel .searched-item-details .cur-view-detail {
background: var(--bs-popover-bg);
}
.search-result-container .sf-metadata-status-loading-container {
width: 300px;
height: 100%;
@@ -205,7 +214,7 @@
}
.item-content .item-link {
color: #7d7d7d;
color: var(--bs-body-secondary-color);
margin: 0;
}
@@ -478,12 +487,12 @@
.search-types .search-types-highlight,
.search-types>div:focus,
.search-types>div:hover {
background-color: rgb(245, 245, 245);
background-color: var(--bs-bg-color);
}
.search-types .search-types-text {
margin-left: 6px;
color: #666;
color: var(--bs-body-secondary-color);
}
.search-types .sf3-font-enter {

5
frontend/src/css/select-editor.css
View File

@@ -40,7 +40,7 @@
.permission-editor__menu .permission-editor__option--is-disabled {
color: #9c9c9c;
border-top: 1px solid #dedede;
border-top: 1px solid var(--bs-border-color);
}
.permission-editor__menu .permission-editor__option--is-disabled:hover {
@@ -72,5 +72,6 @@
}
.permission-editor__control {
background-color: field !important;
background-color: inherit !important;
border: 1px solid var(--bs-border-color);
}

8
frontend/src/css/share-link-dialog.css
View File

@@ -120,7 +120,7 @@
}
.tip {
color: #666;
color: var(--bs-body-secondary-color);
font-size: 13px;
margin-bottom: 1rem;
}
@@ -183,7 +183,7 @@ input.expire-input {
}
.custom-permission .permission-header .back-icon {
color: #999;
color: var(--bs-icon-tertiary-color);
margin-right: 10px;
cursor: pointer;
}
@@ -194,7 +194,7 @@ input.expire-input {
.custom-permission .permission-name-desc label {
font-size: 14px;
color: #666;
color: var(--bs-body-secondary-color);
}
.custom-permission .permission-name-desc .permission-name,
@@ -216,5 +216,5 @@ input.expire-input {
margin-top: 0.25rem;
text-align: center;
max-width: 128px;
color: #666;
color: var(--bs-body-secondary-color);
}

2
frontend/src/css/shared-file-view.css
View File

@@ -44,7 +44,7 @@
.shared-file-view-body {
height: calc(100% - 60px);
padding: 30px 0 15px;
background: var(--bs-body-tertiary-bg);
background: var(--bs-body-secondary-bg);
border: 1px solid var(--bs-border-secondary-color);
overflow: auto;
}

2
frontend/src/css/single-dropdown-toolbar.css
View File

@@ -1,5 +1,5 @@
.sf-dropdown-combined-toggle {
color: #666;
color: var(--bs-icon-secondary-color);
padding: 2px 4px;
border-radius: 3px;
}

4
frontend/src/css/toolbar.css
View File

@@ -58,12 +58,12 @@
height: 32px;
margin-left: 8px;
text-decoration: none;
color: var(--bs-icon-color);
color: #ccc;
}
.common-toolbar .sf-icon-color-mode {
font-size: 16px;
color: #666;
color: var(--bs-icon-secondary-color);
border-radius: 4px;
}

14
frontend/src/css/transfer-dialog.css
View File

@@ -8,7 +8,7 @@
.transfer-dialog-content .transfer-dialog-side {
flex-basis: 22%;
padding: 1rem;
border-bottom: 1px solid #eee;
border-bottom: 1px solid var(--bs-border-secondary-color);
}
.transfer-dialog .nav .nav-item .nav-link {
@@ -22,7 +22,7 @@
.transfer-dialog-content .transfer-dialog-side {
border: 0;
border-right: 1px solid #eee;
border-right: 1px solid var(--bs-border-tertiary-color);
}
.transfer-dialog-side .nav {
@@ -53,13 +53,13 @@
}
.transfer-dialog-content .transfer-dialog-main .transfer-repo-label {
color: #666;
color: var(--bs-body-secondary-color);
}
.transfer-dialog-content .transfer-dialog-main .user-select {
padding: 8px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
border-top: 1px solid var(--bs-border-tertiary-color);
border-bottom: 1px solid var(--bs-border-tertiary-color);
}
.transfer-dialog-content .transfer-dialog-main .transfer-repo-reshare-switch .custom-switch {
@@ -67,11 +67,11 @@
}
.transfer-dialog-side .nav-item .nav-link:hover {
background-color: #f0f0f0;
background-color: var(--bs-nav-hover-bg);
}
.transfer-dialog-side .nav-item .nav-link.active {
background-color: #f0f0f0;
background-color: var(--bs-nav-hover-bg);
color: inherit;
position: relative;
}

7
frontend/src/css/user-select.css
View File

@@ -1,10 +1,11 @@
.selected-user-item-container {
flex-wrap: wrap;
min-height: 38px;
background-color: inherit;
}
.selected-user-item-container .user-select-placeholder {
color: #666;
color: var(--bs-body-secondary-color);
}
.user-select-container {
@@ -37,12 +38,12 @@
.user-select-container .user-list-container .user-item-container:hover,
.user-select-container .user-list-container .user-item-container-highlight {
background: #f5f5f5;
background: var(--bs-bg-color);
cursor: pointer;
}
.no-search-result {
color: #666666;
color: var(--bs-body-secondary-color);
font-size: 14px;
padding-left: 10px;
padding: 10px;