xiaoqidun/ofdgo
1
0 Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-10-31 19:52:48 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(界面设计): 统一主题与材质选择样式
build.yaml / build (push) Successful in 43s
Details

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-31 11:00:45 +08:00
1 parent 2abc0b878c
commit d5533841c0
5 files changed
+43 -30
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/webui/ofdgo.css
+24 -17
View File
@@ -1685,7 +1685,6 @@ button:not(:disabled):hover {
.gradient-stop-row input[type="number"],
.structure-attribute > input,
.print-options select,
.appearance-material select,
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="number"],
@@ -3220,6 +3219,7 @@ button.outline-link:hover {
text-align: center;
}
.appearance-choices > [hidden],
.empty-state[hidden],
.editor-group > [hidden],
.panel-row > [hidden],
@@ -4849,7 +4849,10 @@ audio.page-media {
.settings-icon,
.theme-system-icon,
.theme-light-icon,
.theme-dark-icon {
.theme-dark-icon,
.material-solid-icon,
.material-mica-icon,
.material-acrylic-icon {
display: inline-block;
width: 18px;
height: 18px;
@@ -4873,6 +4876,18 @@ audio.page-media {
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M20 15.5A9 9 0 0 1 8.5 4a9 9 0 1 0 11.5 11.5z'/%3E%3C/svg%3E");
}
.material-solid-icon {
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='1'/%3E%3Cpath d='M6 6h12v12H6z' fill='black' fill-opacity='.25' stroke='none'/%3E%3C/svg%3E");
}
.material-mica-icon {
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='1'/%3E%3Cpath d='M3 13c6-7 12 7 18-2M3 18c6-7 12 7 18-2'/%3E%3C/svg%3E");
}
.material-acrylic-icon {
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21H3V8'/%3E%3Crect x='7' y='3' width='14' height='14' rx='1'/%3E%3Cpath d='m10 11 5-5m-2 8 5-5'/%3E%3C/svg%3E");
}
.appearance-dialog {
width: 680px;
height: 440px;
@@ -4947,19 +4962,11 @@ audio.page-media {
}
}
.appearance-material:not([hidden]) {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 16px;
.appearance-material {
margin-top: 20px;
}
.appearance-material select {
width: 120px;
}
.appearance-themes {
.appearance-choices {
display: flex;
gap: 3px;
padding: 3px;
@@ -4967,7 +4974,7 @@ audio.page-media {
background: var(--base);
}
.appearance-themes button {
.appearance-choices button {
display: flex;
flex: 1;
flex-direction: column;
@@ -4982,21 +4989,21 @@ audio.page-media {
font-size: 12px;
}
.appearance-themes button::after {
.appearance-choices button::after {
content: "";
width: 15px;
height: 2px;
border-radius: 2px;
}
.appearance-themes [data-pressed="true"] {
.appearance-choices [data-pressed="true"] {
background: var(--input);
color: var(--accent);
border-color: var(--line);
box-shadow: 0 1px 4px #0001;
}
.appearance-themes [data-pressed="true"]::after {
.appearance-choices [data-pressed="true"]::after {
background: var(--accent);
}