dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

v1.10.0 #471

Merged
LukeGus merged 106 commits from dev-1.10.0 into main 2026-01-01 04:20:12 +00:00
Conversation 0 Commits 106 Files Changed 225 +63 -14
2 changed files with 63 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4b257dc21c - Show all commits

20
src/ui/desktop/DesktopApp.tsx
View File

@@ -35,6 +35,12 @@ function AppContent() {
const [rightSidebarOpen, setRightSidebarOpen] = useState(false);
const [rightSidebarWidth, setRightSidebarWidth] = useState(400);
const isDarkMode =
theme === "dark" ||
(theme === "system" &&
window.matchMedia("(prefers-color-scheme: dark)").matches);
const lineColor = isDarkMode ? "#151517" : "#f9f9f9";
const lastShiftPressTime = useRef(0);
// DEBUG: Theme toggle - double-tap left Alt/Option to toggle light/dark mode
@@ -194,14 +200,15 @@ function AppContent() {
if (authLoading) {
return (
<div
className="h-screen w-screen flex items-center justify-center bg-deepest"
className="h-screen w-screen flex items-center justify-center"
style={{
background: "var(--bg-elevated)",
backgroundImage: `repeating-linear-gradient(
225deg,
transparent,
transparent 35px,
var(--border-subtle) 35px,
var(--border-subtle) 37px
${lineColor} 35px,
${lineColor} 37px
)`,
}}
>
@@ -310,16 +317,17 @@ function AppContent() {
{isTransitioning && (
<div
className={`fixed inset-0 bg-deepest z-[20000] transition-opacity duration-700 ${
className={`fixed inset-0 z-[20000] transition-opacity duration-700 ${
transitionPhase === "fadeOut" ? "opacity-100" : "opacity-0"
}`}
style={{
background: "var(--bg-elevated)",
backgroundImage: `repeating-linear-gradient(
45deg,
transparent,
transparent 35px,
var(--border-subtle) 35px,
var(--border-subtle) 37px
${lineColor} 35px,
${lineColor} 37px
)`,
}}
>

57
src/ui/desktop/authentication/Auth.tsx
View File

@@ -75,6 +75,12 @@ export function Auth({
const { t } = useTranslation();
const { theme, setTheme } = useTheme();
const isDarkMode =
theme === "dark" ||
(theme === "system" &&
window.matchMedia("(prefers-color-scheme: dark)").matches);
const lineColor = isDarkMode ? "#151517" : "#f9f9f9";
const isInElectronWebView = () => {
if ((window as ExtendedWindow).IS_ELECTRON_WEBVIEW) {
return true;
@@ -771,7 +777,17 @@ export function Auth({
if (dbHealthChecking && !dbConnectionFailed) {
return (
<div
className={`fixed inset-0 flex items-center justify-center bg-canvas ${className || ""}`}
className={`fixed inset-0 flex items-center justify-center ${className || ""}`}
style={{
background: "var(--bg-elevated)",
backgroundImage: `repeating-linear-gradient(
45deg,
transparent,
transparent 35px,
${lineColor} 35px,
${lineColor} 37px
)`,
}}
{...props}
>
<div className="w-[420px] max-w-full p-6 flex flex-col bg-elevated border-2 border-edge rounded-md overflow-y-auto thin-scrollbar my-2 animate-in fade-in zoom-in-95 duration-300">
@@ -791,7 +807,17 @@ export function Auth({
if (dbConnectionFailed) {
return (
<div
className={`fixed inset-0 flex items-center justify-center bg-canvas ${className || ""}`}
className={`fixed inset-0 flex items-center justify-center ${className || ""}`}
style={{
background: "var(--bg-elevated)",
backgroundImage: `repeating-linear-gradient(
45deg,
transparent,
transparent 35px,
${lineColor} 35px,
${lineColor} 37px
)`,
}}
{...props}
>
<div
@@ -827,11 +853,17 @@ export function Auth({
size="icon"
className="h-8 w-8"
onClick={() => {
const isDark = theme === "dark" || (theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
const isDark =
theme === "dark" ||
(theme === "system" &&
window.matchMedia("(prefers-color-scheme: dark)")
.matches);
setTheme(isDark ? "light" : "dark");
}}
>
{(theme === "dark" || (theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches)) ? (
{theme === "dark" ||
(theme === "system" &&
window.matchMedia("(prefers-color-scheme: dark)").matches) ? (
<Moon className="w-4 h-4" />
) : (
<Sun className="w-4 h-4" />
@@ -880,8 +912,8 @@ export function Auth({
45deg,
transparent,
transparent 35px,
rgba(128, 128, 128, 0.05) 35px,
rgba(128, 128, 128, 0.05) 37px
${lineColor} 35px,
${lineColor} 37px
)`,
}}
>
@@ -1376,11 +1408,20 @@ export function Auth({
size="icon"
className="h-8 w-8"
onClick={() => {
const isDark = theme === "dark" || (theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
const isDark =
theme === "dark" ||
(theme === "system" &&
window.matchMedia(
"(prefers-color-scheme: dark)",
).matches);
setTheme(isDark ? "light" : "dark");
}}
>
{(theme === "dark" || (theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches)) ? (
{theme === "dark" ||
(theme === "system" &&
window.matchMedia(
"(prefers-color-scheme: dark)",
).matches) ? (
<Moon className="w-4 h-4" />
) : (
<Sun className="w-4 h-4" />