Adopt Oxide's color scheme and a square design
The palette now follows Oxide's design system (docs.oxide.computer): a cool neutral scale at hue 260 with almost no chroma, opaque strokes, and Oxide's green as the only accent. The accent-color option is gone: selection, the cursor row, focus rings and the active-panel line all read green. The file panel's header strip now steps toward the list, one shade per row (session strip, path bar, column headers), derived by color-mix so every theme, AMOLED included, follows on its own. Everything is square: every rounded utility and the radius tokens are gone, and checkboxes, radios, selects, number spinners and scrollbars are restyled to match (square scrollbars are always visible on macOS, the cost of styling them). Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -25,7 +25,6 @@ export function buildPreload(
|
||||
const dataset: Record<string, string> = {};
|
||||
if (settings.theme !== "system") dataset["theme"] = settings.theme;
|
||||
if (settings.darkTone !== "dark") dataset["darkTone"] = settings.darkTone;
|
||||
if (settings.accent !== "graphite") dataset["accent"] = settings.accent;
|
||||
// interface scale: mirrors SettingsService.applyUiScale so the FIRST paint
|
||||
// is already scaled — without this every window opens at 100% and snaps.
|
||||
// Written as an inline style, not a data attribute: the scale is continuous.
|
||||
|
||||
@@ -43,17 +43,6 @@ export const de = {
|
||||
system: "System",
|
||||
theme: { label: "Design", system: "System", light: "Hell", dark: "Dunkel" },
|
||||
tone: { label: "Ton", dark: "Dunkel", darker: "AMOLED" },
|
||||
accent: { label: "Akzent" },
|
||||
accentNames: {
|
||||
graphite: "Graphit",
|
||||
blue: "Blau",
|
||||
indigo: "Indigo",
|
||||
purple: "Lila",
|
||||
rose: "Rosa",
|
||||
orange: "Orange",
|
||||
green: "Grün",
|
||||
teal: "Petrol",
|
||||
},
|
||||
interface: { label: "Oberfläche", smaller: "Kleiner", larger: "Größer", reset: "Auf 100% zurücksetzen" },
|
||||
speedUnit: { label: "Geschwindigkeitseinheit" },
|
||||
transfers: { label: "Übertragungen", single: "Einzeln", multi: "Mehrere" },
|
||||
|
||||
@@ -47,17 +47,6 @@ export const en = {
|
||||
system: "System",
|
||||
theme: { label: "Theme", system: "System", light: "Light", dark: "Dark" },
|
||||
tone: { label: "Tone", dark: "Dark", darker: "AMOLED" },
|
||||
accent: { label: "Accent" },
|
||||
accentNames: {
|
||||
graphite: "Graphite",
|
||||
blue: "Blue",
|
||||
indigo: "Indigo",
|
||||
purple: "Purple",
|
||||
rose: "Rose",
|
||||
orange: "Orange",
|
||||
green: "Green",
|
||||
teal: "Teal",
|
||||
},
|
||||
interface: { label: "Interface", smaller: "Smaller", larger: "Larger", reset: "Reset to 100%" },
|
||||
speedUnit: { label: "Speed unit" },
|
||||
transfers: { label: "Transfers", single: "Single", multi: "Multi" },
|
||||
|
||||
@@ -43,17 +43,6 @@ export const es = {
|
||||
system: "Sistema",
|
||||
theme: { label: "Tema", system: "Sistema", light: "Claro", dark: "Oscuro" },
|
||||
tone: { label: "Tono", dark: "Oscuro", darker: "AMOLED" },
|
||||
accent: { label: "Acento" },
|
||||
accentNames: {
|
||||
graphite: "Grafito",
|
||||
blue: "Azul",
|
||||
indigo: "Índigo",
|
||||
purple: "Morado",
|
||||
rose: "Rosa",
|
||||
orange: "Naranja",
|
||||
green: "Verde",
|
||||
teal: "Turquesa",
|
||||
},
|
||||
interface: { label: "Interfaz", smaller: "Más pequeña", larger: "Más grande", reset: "Restablecer al 100%" },
|
||||
speedUnit: { label: "Unidad de velocidad" },
|
||||
transfers: { label: "Transferencias", single: "Una", multi: "Varias" },
|
||||
|
||||
@@ -45,17 +45,6 @@ export const eu = {
|
||||
system: "Sistema",
|
||||
theme: { label: "Gaia", system: "Sistema", light: "Argia", dark: "Iluna" },
|
||||
tone: { label: "Tonua", dark: "Iluna", darker: "AMOLED" },
|
||||
accent: { label: "Azentua" },
|
||||
accentNames: {
|
||||
graphite: "Grafitoa",
|
||||
blue: "Urdina",
|
||||
indigo: "Indigoa",
|
||||
purple: "Morea",
|
||||
rose: "Arrosa",
|
||||
orange: "Laranja",
|
||||
green: "Berdea",
|
||||
teal: "Turkesa",
|
||||
},
|
||||
interface: { label: "Interfazea", smaller: "Txikiagoa", larger: "Handiagoa", reset: "Berrezarri %100era" },
|
||||
speedUnit: { label: "Abiadura-unitatea" },
|
||||
transfers: { label: "Transferentziak", single: "Banaka", multi: "Anitz" },
|
||||
|
||||
@@ -43,17 +43,6 @@ export const fr = {
|
||||
system: "Système",
|
||||
theme: { label: "Thème", system: "Système", light: "Clair", dark: "Sombre" },
|
||||
tone: { label: "Ton", dark: "Sombre", darker: "AMOLED" },
|
||||
accent: { label: "Accent" },
|
||||
accentNames: {
|
||||
graphite: "Graphite",
|
||||
blue: "Bleu",
|
||||
indigo: "Indigo",
|
||||
purple: "Violet",
|
||||
rose: "Rose",
|
||||
orange: "Orange",
|
||||
green: "Vert",
|
||||
teal: "Sarcelle",
|
||||
},
|
||||
interface: { label: "Interface", smaller: "Plus petite", larger: "Plus grande", reset: "Réinitialiser à 100%" },
|
||||
speedUnit: { label: "Unité de vitesse" },
|
||||
transfers: { label: "Transferts", single: "Un", multi: "Plusieurs" },
|
||||
|
||||
@@ -44,17 +44,6 @@ export const ja = {
|
||||
system: "システム",
|
||||
theme: { label: "テーマ", system: "システム", light: "ライト", dark: "ダーク" },
|
||||
tone: { label: "トーン", dark: "ダーク", darker: "AMOLED" },
|
||||
accent: { label: "アクセント" },
|
||||
accentNames: {
|
||||
graphite: "グラファイト",
|
||||
blue: "ブルー",
|
||||
indigo: "インディゴ",
|
||||
purple: "パープル",
|
||||
rose: "ローズ",
|
||||
orange: "オレンジ",
|
||||
green: "グリーン",
|
||||
teal: "ティール",
|
||||
},
|
||||
interface: { label: "インターフェース", smaller: "縮小", larger: "拡大", reset: "100%に戻す" },
|
||||
speedUnit: { label: "速度の単位" },
|
||||
transfers: { label: "転送", single: "1件ずつ", multi: "複数" },
|
||||
|
||||
@@ -44,17 +44,6 @@ export const zh = {
|
||||
system: "系统",
|
||||
theme: { label: "主题", system: "系统", light: "浅色", dark: "深色" },
|
||||
tone: { label: "色调", dark: "深色", darker: "AMOLED" },
|
||||
accent: { label: "强调色" },
|
||||
accentNames: {
|
||||
graphite: "石墨",
|
||||
blue: "蓝色",
|
||||
indigo: "靛蓝",
|
||||
purple: "紫色",
|
||||
rose: "玫红",
|
||||
orange: "橙色",
|
||||
green: "绿色",
|
||||
teal: "青色",
|
||||
},
|
||||
interface: { label: "界面", smaller: "缩小", larger: "放大", reset: "重置为100%" },
|
||||
speedUnit: { label: "速度单位" },
|
||||
transfers: { label: "传输", single: "单个", multi: "多个" },
|
||||
|
||||
@@ -65,24 +65,12 @@ export interface ConnectionsFile {
|
||||
/** UI languages the app ships translations for. */
|
||||
export type SupportedLocale = "en" | "es" | "eu" | "fr" | "de" | "zh" | "ja";
|
||||
|
||||
export type AccentTone =
|
||||
| "graphite"
|
||||
| "blue"
|
||||
| "indigo"
|
||||
| "purple"
|
||||
| "rose"
|
||||
| "orange"
|
||||
| "green"
|
||||
| "teal";
|
||||
|
||||
export interface AppSettings {
|
||||
/** UI language; "system" resolves to the OS locale (fallback English). */
|
||||
locale: "system" | SupportedLocale;
|
||||
theme: "system" | "light" | "dark";
|
||||
/** Dark appearance: grey ("dark") or near-black AMOLED ("darker"). */
|
||||
darkTone: "dark" | "darker";
|
||||
/** Accent tone for chrome and selection tint; graphite = neutral zinc. */
|
||||
accent: AccentTone;
|
||||
/** Visible optional file-list columns (both panels; Name always shows). */
|
||||
columns: ColumnKey[];
|
||||
speedUnit: "MBps" | "Mbps";
|
||||
@@ -113,7 +101,6 @@ export const DEFAULT_SETTINGS: AppSettings = {
|
||||
locale: "system",
|
||||
theme: "system",
|
||||
darkTone: "dark",
|
||||
accent: "blue",
|
||||
columns: ["size", "mtime"],
|
||||
speedUnit: "MBps",
|
||||
uiScale: 1,
|
||||
|
||||
Reference in New Issue
Block a user