From efbf75a2da1b41fdc09ec8d4209fc27fc91d39c9 Mon Sep 17 00:00:00 2001 From: fanlumaster <1730976608@qq.com> Date: Sat, 8 Nov 2025 01:21:38 +0800 Subject: [PATCH] [ui]: already split ui html code to a stand-alone repo --- .../body/vertical_candidate_window_dark.html | 56 -- .../vertical_candidate_window_dark.html | 678 ------------------ server/html/sciter/other-themes/.gitkeep | 0 .../horizontal_candidate_window_dark.html | 60 -- ...rizontal_candidate_window_dark_normal.html | 57 -- .../body/vertical_candidate_window_dark.html | 55 -- ...ertical_candidate_window_dark_measure.html | 55 -- .../horizontal_candidate_window_dark.html | 165 ----- ...rizontal_candidate_window_dark_normal.html | 146 ---- .../vertical_candidate_window_dark.html | 215 ------ server/html/webview2/ftb/default.html | 192 ----- server/html/webview2/menu/default.html | 174 ----- server/html/webview2/other-themes/.gitkeep | 0 .../settings/assets/MetasequoiaIME.ico | Bin 38078 -> 0 bytes .../html/webview2/settings/assets/arrow.svg | 5 - server/html/webview2/settings/default.html | 275 ------- server/html/webview2/settings/style.css | 438 ----------- 17 files changed, 2571 deletions(-) delete mode 100644 server/html/sciter/default-themes/body/vertical_candidate_window_dark.html delete mode 100644 server/html/sciter/default-themes/vertical_candidate_window_dark.html delete mode 100644 server/html/sciter/other-themes/.gitkeep delete mode 100644 server/html/webview2/default-themes/body/horizontal_candidate_window_dark.html delete mode 100644 server/html/webview2/default-themes/body/horizontal_candidate_window_dark_normal.html delete mode 100644 server/html/webview2/default-themes/body/vertical_candidate_window_dark.html delete mode 100644 server/html/webview2/default-themes/body/vertical_candidate_window_dark_measure.html delete mode 100644 server/html/webview2/default-themes/horizontal_candidate_window_dark.html delete mode 100644 server/html/webview2/default-themes/horizontal_candidate_window_dark_normal.html delete mode 100644 server/html/webview2/default-themes/vertical_candidate_window_dark.html delete mode 100644 server/html/webview2/ftb/default.html delete mode 100644 server/html/webview2/menu/default.html delete mode 100644 server/html/webview2/other-themes/.gitkeep delete mode 100644 server/html/webview2/settings/assets/MetasequoiaIME.ico delete mode 100644 server/html/webview2/settings/assets/arrow.svg delete mode 100644 server/html/webview2/settings/default.html delete mode 100644 server/html/webview2/settings/style.css diff --git a/server/html/sciter/default-themes/body/vertical_candidate_window_dark.html b/server/html/sciter/default-themes/body/vertical_candidate_window_dark.html deleted file mode 100644 index 1f69c121..00000000 --- a/server/html/sciter/default-themes/body/vertical_candidate_window_dark.html +++ /dev/null @@ -1,56 +0,0 @@ -
BcgFzpCT!eVA6g4!OBY#3QG{ogr=E-i_ zkA`(!e}^oU>x(?F1+fQ5GT`t<%eTE`XWPcu)q_~WMgAxdAJ8}HpLDNQ&Jx#wc>c9y z;PE>H_#qmfu6aCxI}i^jN0Ev7LGk@p=nUl8s1*j-6Bv8OXHTH}+;w*FLvHNB86f7v zS30Umol@@Z)GCGl?b%qKE*WGaSMeHZXzgI&yEoQ%t)nqEb?(iv_1lw;xj>c;aljsk zE=YVP(eGzQ2@YtRDrX2Lt2&DT>7UlNoLa5$k4M^h#&uWm9Mo@e2Bz{iP($+r11H5~ z#NPbvFJlkR%XW1yV!%GEYYfx}`60mp@wj-tLUs{`=bv;c1I!Wr0S4>G*mx#lG3kHe zpj7@AYG@)Rx6KzdX9pCMX-sqydAXi@P@BQHR4IWi1oA`bpE#H*bRKbN@A_9T*qmnN zS@1#RhjMRB)DDUCi+Jv+j%0lKP^ zM=x9tN(O$9$)b(}J0M@QJu?#hpW^XVeDckD4XtGcI5!7p7|C;`eD~pqb968^72_h< zKuN=EX7jN(%nav;D3}u%UpFAHRWp&F@cJTyK@#p&oW~BRmU%%nebRpu1H|Orxe?Gk zaz%& @W8J~R7J}{Vp+_k48bu_~cXnt^TriITKf;!H%efW&q z^couF?Apmd?8CwQ>^Slf36vj2z7#$v@NIxNP+q7R1_`*g!6zORpuQOeJNQW2!3D2v z@wEe*C(~Y#Jmjk#$XCn)i;wAlYuz92xocy9%CXpzfJ`Yqnic%welQaB*#TI zFen0pJ4GHf-|~XYRT#dgLp2=YK>L+xKTgfu5MJ=}-aPG^zC8aYdJSzI>Idy$Am+)? z`I|WFj%|1@-bD3+{g`hC%cFAES@FOG-J^B@L7awMkM>t`p6s{!K@)>wlh_L~{~pwF ze%O~6z#eEXAk}c1&)Iz^CR470#zbF0@7+)%z#0|1g1K?9s9$`}n%N<~zDNOsPzc={ z=HrX}T0bxtP%Vw-%Zu;t#m9p|(VeKFVQwa**}Um@7+_DV*q{6$_Qx{BWR-Gq!S<+_ zg_ulvQV97W=$&kV82k$DMwvII`hnl=-~?)E$8fG!@k5vMaX;wG=c9gO_#vv{d^dM} z76Up@km?5WaK<3RS&wQ-X7K6X=r5J|XZa&BJ_U~yFxc$F!0oTRsjvg||Kq5ooq#`D zjlCe_esDEk^b4wE>f_Q@80hC}z8H6)dR~ON9A|y(NV6+-GlKW*8|wFmkUPzOQ=|T` zmS%^t@);I07)+H6sD9w|I|JAN#pN}RcIRWSzFM!}(ELoqgqH2VIAeDEczb^u2O%Dt zwx uP*^wQPP%W)-rNZAI9?vHtXZOzUdbY(5 zaK3Cj#o?#nix@;BUli;QT2p6mz*T|XQPZb&72!7Mf1YGOH5^)J=jrJBq9z7Z$3ed0 z5cceUHY%2X{Kp=`254N`f-iE)Gq0E9++~Jy?t&s0(boO}y|c=hSWkp=#dJHcn5eb` z{ojGHX{nqakR3SvF;AvC8nGZ>L>y>e#z%hu1L(g62I8!1oUgox&fx#@ZH3{ymVjL^ z+E%^$zD}&85IQHllPy?OTJr_5K>wp5r(`^!b=Mu9CmReJmLMj;A7Q`n`51WQx$pnn zHZCTS#-Z> H76!0^1gaI>wRu!L+cYX(-5UgF8nj3M#%rN#!GTynXwQLKU0}g}OtA+0 zS}=IaCms+7C-y>l+OsFnhz0Fn;H0yp5QkqBxrpZzwDr&TFg|jZyh88#-Vgn1A`W%f z4^>AtGRHCy4BqnbMYK=f2?p-A?$d8411HrIHjId0f*39S&IitC?2>x-{ZbScswtPc z5bN%6HUjic`vKMJB9&DaX|y-C9~dk|?)tRPUMOPV#Ca8-*3PSF2Ll()*ANFbzWK{5 z*|HyBrCbd9H&{UDq r1 zgScG~8VUw?!w;>3oRSO-JD~IIoH$F(eeQX7ZD8P$dFyYnhAxrjVH-!ro6h%HyYkQK z;eViaR)_viHh?yr7otIwTG&TzVHnPkvLt}PV_@(ue9 zr&R{SyL%{ijTn3j=3{Kbhy=AZGjP{L{HyrG-_V&k#mD`l3*!p(qrL zLb^f!4?`Bg7af8fG jwPnD9#*&{u3d0fx%1gMN7b7J){P&{b$o0?N!A|^JL^p$F6;%2ZIf0yMka%%J z*N!dL6r7>Pj>A@t;P2yHdUUP^8sLvA!Q>=#UXQ;C0^dWTpx>L&|5ezIdSbbW>_tQU z*F<}^>1<1!o7}k{?9y)+8aTGp#Evi1h0Y2-QLL~pAP1)f&l$&;P+ro&B@J|K4e+)+ z(!4J^72$24Ugm9|GI?Kg+B~@F2d7PIy=`Tfx6R&cYM){c`?M3AUi1} spfcg_b-+#A_a=*U0t{ecJKV=857p;XZA18a>g+yE=yH;x+nL)7wgKdd)`tzIZd) z7H>w%!b7~7Y~!!paW1|*W8#e)_1B0u7GIt*Gri`Y4)Ftx+VabYwtI-UZ&{1`o D#0{mu0DS2p^cdizWwwUxo*4Sd>sy7#{P25adx z{2jW_7K-*!pSJ#~_5035`oS>q8jtuzdYk{$d!O&5wonk~hlhCE-_oa(_dS_tUn_nO w=Zk&XhZDW`-ErPF|B0jN^}N2Xx9u_|N`t^}+aYa6{9^BG@N})X)yhBr56brBP5=M^ diff --git a/server/html/webview2/settings/assets/arrow.svg b/server/html/webview2/settings/assets/arrow.svg deleted file mode 100644 index e75228ac..00000000 --- a/server/html/webview2/settings/assets/arrow.svg +++ /dev/null @@ -1,5 +0,0 @@ - \ No newline at end of file diff --git a/server/html/webview2/settings/default.html b/server/html/webview2/settings/default.html deleted file mode 100644 index 26171b36..00000000 --- a/server/html/webview2/settings/default.html +++ /dev/null @@ -1,275 +0,0 @@ - - - - - - - (IME)Settings - - - - - - -- - - -- - - - - - \ No newline at end of file diff --git a/server/html/webview2/settings/style.css b/server/html/webview2/settings/style.css deleted file mode 100644 index 520a3405..00000000 --- a/server/html/webview2/settings/style.css +++ /dev/null @@ -1,438 +0,0 @@ -:root { - --accent-color: #8E8CD8; - --bg-color: rgba(32, 32, 32, 0.65); - --sidebar-bg: rgba(25, 25, 25, 0.7); - --sidebar-hover: rgba(255, 255, 255, 0.08); - --item-active-hover: rgba(255, 255, 255, 0.06); - --text-color: #f3f3f3; - --border-color: rgba(255, 255, 255, 0.08); - --card-bg: rgba(38, 38, 38, 0.5); - --titlebar-height: 32px; -} - -* { - box-sizing: border-box; - font-family: "Segoe UI Variable", "Segoe UI", "Noto Sans SC", sans-serif; - user-select: none; -} - -body { - margin: 0; - display: flex; - flex-direction: column; - height: 100vh; - width: 100vw; - color: var(--text-color); - /* background: var(--bg-color); */ - /* background: #202020; */ - background: transparent; - /* backdrop-filter: blur(20px) saturate(160%); */ - -webkit-backdrop-filter: blur(20px) saturate(160%); - /* overflow: hidden; */ -} - -/* 主体区域 */ -.main { - display: flex; - flex: 1; - overflow: hidden; -} - -.sidebar { - width: 200px; - display: flex; - flex-direction: column; - padding: 12px 0; - overflow-y: auto; - scrollbar-gutter: stable; -} - -/* 整个滚动条宽度 */ -.sidebar::-webkit-scrollbar { - width: 8px; -} - -/* 滚动条轨道 */ -.sidebar::-webkit-scrollbar-track { - background: transparent; -} - -/* 滚动条滑块 */ -.sidebar::-webkit-scrollbar-thumb { - background-color: rgba(120, 120, 120, 0.4); - border-radius: 2px; - transition: background-color 0.2s; -} - -/* 滚动条在鼠标悬浮时更亮一些 */ -.sidebar::-webkit-scrollbar-thumb:hover { - background-color: rgba(160, 160, 160, 0.6); -} - -/* 深色模式下更暗 */ -@media (prefers-color-scheme: dark) { - .sidebar::-webkit-scrollbar-thumb { - background-color: rgba(180, 180, 180, 0.25); - } - - .sidebar::-webkit-scrollbar-thumb:hover { - background-color: rgba(220, 220, 220, 0.4); - } -} - -.sidebar-header { - display: flex; - align-items: center; - padding: 0 24px 12px 24px; - gap: 10px; - margin-bottom: 8px; -} - -.content-header { - display: flex; - align-items: center; - padding: 0 24px 12px 4px; - gap: 10px; - margin-bottom: 8px; -} - -.sidebar-header img { - width: 28px; - height: 28px; - border-radius: 6px; -} - -.sidebar-header span { - font-weight: 500; - font-size: 19px; -} - -.content-header span { - font-weight: 500; - font-size: 18px; -} - -.icon { - display: flex; - align-items: center; - justify-content: center; - font-size: 18px; - /* 控制 emoji 大小 */ - line-height: 1; - /* 避免多余行高影响垂直居中 */ - width: 24px; - height: 24px; - text-align: center; - position: relative; - top: 1px; -} - -.input-icon { - position: relative; - top: -1px; -} - -.sidebar .item { - padding: 6px 12px; - display: flex; - align-items: center; - justify-content: flex-start; - gap: 15px; - position: relative; - /* transition: background 0.02s, color 0.02s; */ - transition: none; - border-radius: 5px; - margin: 2px 8px; - color: #e6e6e6; - /* font-weight: 450; */ -} - -.sidebar .item:hover { - background: var(--sidebar-hover); -} - -.sidebar .item.active { - background: var(--item-active-hover); -} - -.sidebar .item.active:hover { - background: var(--sidebar-hover); - color: #fff; -} - -/* item 左侧的 bar */ -.sidebar .item::before { - content: ""; - position: absolute; - left: -2px; - width: 4px; - height: 50%; - border-radius: 3px; - background: var(--accent-color); - /* 初始收起 */ - transform: scaleY(0); - /* 从中间往上下展开 */ - transform-origin: center center; - /* 动画过渡 */ - transition: transform 0.25s ease; - /* 初始隐藏 */ - opacity: 0; -} - -.sidebar .item.active::before { - transform: scaleY(1); - /* 展开 */ - opacity: 1; - /* 渐显 */ -} - -.content { - flex: 1; - padding: 12px 12px; - overflow-y: auto; - display: none; - margin-top: 2px; -} - -.active { - display: block; -} - -.section { - background: var(--card-bg); - border: 1px solid var(--border-color); - border-radius: 8px; - padding: 20px 24px; - margin-bottom: 18px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); - /* backdrop-filter: blur(10px); */ - /* z-index: 0; */ -} - -.section-title { - font-size: 15px; - font-weight: 550; - color: #ccc; -} - -select { - padding: 6px 10px; - border-radius: 8px; - border: 1px solid var(--border-color); - background-color: rgba(45, 45, 45, 0.8); - color: #f3f3f3; - font-size: 14px; - transition: border 0.2s, background 0.2s; -} - -select:focus { - outline: none; - border: 1px solid var(--accent-color); - background-color: rgba(50, 50, 50, 0.9); -} - -/* 候选窗口预览 */ -.candidate-preview h2 { - margin-bottom: 12px; -} - -.cand-prev-title { - margin-bottom: 12px; -} - -input[type="range"] { - width: 100%; - accent-color: var(--accent-color); -} - -.candidate-container { - font-family: Arial, sans-serif; - font-size: 16px; - background-color: #202020; - padding: 2px; - border-radius: 6px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); - min-width: 7em; - width: fit-content; - user-select: none; - border: 2px solid #9b9b9b2e; -} - -.candidate-row { - justify-content: space-between; - padding: 2px; - padding-right: 12px; - padding-top: 0; - padding-bottom: 0; - margin-top: 2px; - display: flex; - align-items: center; -} - -.candidate-cand { - border-radius: 4px; -} - -.candidate-row-wrapper { - position: relative; -} - -.candidate-first { - background-color: #3e3e3eb9; - border-radius: 4px; -} - -.candidate-first::before { - content: ""; - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); - height: 0.8em; - width: 0.2em; - background: #6b69d6; - border-radius: 8px; -} - -.candidate-text { - padding-left: 8px; - color: #e9e8e8; -} - -.section-header { - display: flex; - align-items: center; - justify-content: space-between; - gap: 10px; -} - -.divider { - width: 100%; - height: 1px; - background-color: #908f8f16; - margin: 12px 0; -} - -.arrange-item { - margin-top: 12px; -} - -/* 主题模式 */ -.theme .ftb-toggle { - padding-top: 5px; - padding-bottom: 5px; -} - -/* 下拉按钮主体 */ -.theme-toggle-header { - margin-bottom: 0; -} - -.dropdown { - position: relative; - display: inline-block; -} - -.dropdown-toggle { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - background: rgba(45, 45, 45, 0.85); - border: 0px solid var(--border-color); - border-radius: 8px; - color: #f3f3f3; - font-size: 14px; - padding: 4px 12px; - padding-right: 6px; - transition: all 0.2s ease; - text-align: left; - min-width: 100px; -} - -div.arrow { - width: 18px; - height: 18px; -} - -.dropdown-toggle img { - width: 18px; - height: 18px; -} - -/* 移除悬浮时的高亮效果 */ -.dropdown-toggle:hover { - background: rgba(45, 45, 45, 0.85); - border-color: var(--border-color); -} - -.dropdown-menu { - display: none; - position: absolute; - right: 0; - top: calc(100% + 2px); - background: rgba(40, 40, 40, 0.96); - border: 1px solid var(--border-color); - border-radius: 10px; - min-width: 100px; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35); - backdrop-filter: blur(12px); - z-index: 999; - overflow: hidden; - animation: dropdownFade 0.12s ease-out; -} - -/* 悬浮时保持圆角和背景,不再加亮 */ -.dropdown-item { - margin: 2px; - padding: 4px 8px; - color: #eee; - border-radius: 8px; - font-size: 14px; - /* 让每个选项也有圆角 */ -} - -.dropdown-item:hover { - background: rgba(255, 255, 255, 0.08); - color: #fff; - border-radius: 8px; -} - -.dropdown.open .dropdown-menu { - display: block; -} - -/* 外观 -> 悬浮工具栏 */ -.ftb-toggle-btn { - position: relative; - width: 38px; - height: 19px; - background: #555; - border-radius: 9px; - cursor: pointer; - flex-shrink: 0; - transition: background 0.2s ease, border 0.2s ease; -} - -.ftb-toggle-knob { - position: absolute; - top: 50%; - left: 1px; - width: 16px; - height: 16px; - background: #fff; - border-radius: 50%; - transform: translateY(-50%); - transition: all 0.2s ease; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.ftb-toggle-btn.active { - background: #8E8CD8; - border-color: #555; -} - -.ftb-toggle-btn.active .ftb-toggle-knob { - /* 38 - 16 - 1 * 2 = 20 */ - transform: translate(20px, -50%); -} \ No newline at end of file-- - -通用- - -----悬浮工具栏-- ---- - -外观- - --- - -候选窗口预览-----ni'mf-----1 你们(rR)-----2 你(rX)-----3 尼(uV)-----4 妮(nV)-----5 泥(dV)-----6 逆(zQ)-----7 拟(fR)-----8 腻(oD)----- - - -主题模式(默认)-- - ----候选项排列方式-- - ---- - -输入--- - -辅助码--- - -快捷键--- - -词库--- - -皮肤--- - -语音打字--- - -屏幕键盘--- - -实用功能--- - -AI 辅助--- - -帮助--- - -关于---反馈-