mirror of
https://github.com/h3pdesign/Neon-Vision-Editor
synced 2026-04-21 21:37:17 +00:00
364 lines
16 KiB
Swift
364 lines
16 KiB
Swift
import SwiftUI
|
|
|
|
#if os(macOS)
|
|
import AppKit
|
|
private typealias PlatformColor = NSColor
|
|
#else
|
|
import UIKit
|
|
private typealias PlatformColor = UIColor
|
|
#endif
|
|
|
|
struct EditorTheme {
|
|
let text: Color
|
|
let background: Color
|
|
let cursor: Color
|
|
let selection: Color
|
|
let syntax: SyntaxColors
|
|
}
|
|
|
|
private struct ThemePalette {
|
|
let text: Color
|
|
let background: Color
|
|
let cursor: Color
|
|
let selection: Color
|
|
let keyword: Color
|
|
let string: Color
|
|
let number: Color
|
|
let comment: Color
|
|
let type: Color
|
|
let property: Color
|
|
let builtin: Color
|
|
}
|
|
|
|
struct ThemePaletteColors {
|
|
let text: Color
|
|
let background: Color
|
|
let cursor: Color
|
|
let selection: Color
|
|
let keyword: Color
|
|
let string: Color
|
|
let number: Color
|
|
let comment: Color
|
|
let type: Color
|
|
let property: Color
|
|
let builtin: Color
|
|
}
|
|
|
|
///MARK: Theme Name Canonicalization
|
|
|
|
// Canonical theme names shown in settings and used for palette lookup.
|
|
let editorThemeNames: [String] = [
|
|
"Neon Glow",
|
|
"Arc",
|
|
"Dusk",
|
|
"Aurora",
|
|
"Horizon",
|
|
"Midnight",
|
|
"Mono",
|
|
"Paper",
|
|
"Solar",
|
|
"Pulse",
|
|
"Mocha",
|
|
"Custom"
|
|
]
|
|
|
|
// Normalize persisted theme values so legacy/case variants still resolve correctly.
|
|
func canonicalThemeName(_ rawName: String) -> String {
|
|
let trimmed = rawName.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
guard !trimmed.isEmpty else { return "Neon Glow" }
|
|
|
|
if let exact = editorThemeNames.first(where: { $0 == trimmed }) {
|
|
return exact
|
|
}
|
|
|
|
if let caseInsensitive = editorThemeNames.first(where: { $0.caseInsensitiveCompare(trimmed) == .orderedSame }) {
|
|
return caseInsensitive
|
|
}
|
|
|
|
return "Neon Glow"
|
|
}
|
|
|
|
private func paletteForThemeName(_ name: String, defaults: UserDefaults) -> ThemePalette {
|
|
let canonicalName = canonicalThemeName(name)
|
|
let palette: ThemePalette = {
|
|
switch canonicalName {
|
|
case "Neon Glow":
|
|
return ThemePalette(
|
|
text: Color(red: 0.93, green: 0.95, blue: 0.98),
|
|
background: Color(red: 0.10, green: 0.11, blue: 0.14),
|
|
cursor: Color(red: 0.18, green: 0.85, blue: 0.98),
|
|
selection: Color(red: 0.20, green: 0.28, blue: 0.40),
|
|
keyword: Color(red: 0.98, green: 0.29, blue: 0.98),
|
|
string: Color(red: 0.34, green: 0.98, blue: 0.86),
|
|
number: Color(red: 0.99, green: 0.86, blue: 0.20),
|
|
comment: Color(red: 0.62, green: 0.90, blue: 1.00),
|
|
type: Color(red: 0.42, green: 0.72, blue: 0.99),
|
|
property: Color(red: 0.99, green: 0.62, blue: 0.28),
|
|
builtin: Color(red: 0.94, green: 0.42, blue: 0.66)
|
|
)
|
|
case "Arc":
|
|
return ThemePalette(
|
|
text: Color(red: 0.95, green: 0.96, blue: 0.98),
|
|
background: Color(red: 0.12, green: 0.13, blue: 0.16),
|
|
cursor: Color(red: 0.35, green: 0.67, blue: 0.98),
|
|
selection: Color(red: 0.22, green: 0.29, blue: 0.40),
|
|
keyword: Color(red: 0.85, green: 0.48, blue: 1.0),
|
|
string: Color(red: 0.45, green: 0.88, blue: 0.72),
|
|
number: Color(red: 0.98, green: 0.75, blue: 0.37),
|
|
comment: Color(red: 0.56, green: 0.60, blue: 0.70),
|
|
type: Color(red: 0.44, green: 0.66, blue: 0.98),
|
|
property: Color(red: 0.94, green: 0.61, blue: 0.32),
|
|
builtin: Color(red: 0.99, green: 0.51, blue: 0.71)
|
|
)
|
|
case "Dusk":
|
|
return ThemePalette(
|
|
text: Color(red: 0.93, green: 0.92, blue: 0.95),
|
|
background: Color(red: 0.14, green: 0.10, blue: 0.20),
|
|
cursor: Color(red: 0.93, green: 0.54, blue: 0.94),
|
|
selection: Color(red: 0.28, green: 0.22, blue: 0.39),
|
|
keyword: Color(red: 0.98, green: 0.72, blue: 0.40),
|
|
string: Color(red: 0.48, green: 0.89, blue: 0.67),
|
|
number: Color(red: 0.98, green: 0.54, blue: 0.62),
|
|
comment: Color(red: 0.62, green: 0.57, blue: 0.70),
|
|
type: Color(red: 0.57, green: 0.75, blue: 1.0),
|
|
property: Color(red: 0.88, green: 0.64, blue: 0.98),
|
|
builtin: Color(red: 0.94, green: 0.44, blue: 0.76)
|
|
)
|
|
case "Aurora":
|
|
return ThemePalette(
|
|
text: Color(red: 0.92, green: 0.96, blue: 0.98),
|
|
background: Color(red: 0.08, green: 0.12, blue: 0.14),
|
|
cursor: Color(red: 0.35, green: 0.96, blue: 0.76),
|
|
selection: Color(red: 0.18, green: 0.28, blue: 0.30),
|
|
keyword: Color(red: 0.36, green: 0.92, blue: 0.98),
|
|
string: Color(red: 0.44, green: 0.98, blue: 0.62),
|
|
number: Color(red: 0.98, green: 0.76, blue: 0.38),
|
|
comment: Color(red: 0.70, green: 0.86, blue: 0.92),
|
|
type: Color(red: 0.52, green: 0.74, blue: 0.98),
|
|
property: Color(red: 0.90, green: 0.60, blue: 0.98),
|
|
builtin: Color(red: 0.98, green: 0.52, blue: 0.72)
|
|
)
|
|
case "Horizon":
|
|
return ThemePalette(
|
|
text: Color(red: 0.95, green: 0.94, blue: 0.92),
|
|
background: Color(red: 0.14, green: 0.10, blue: 0.09),
|
|
cursor: Color(red: 0.99, green: 0.62, blue: 0.36),
|
|
selection: Color(red: 0.30, green: 0.20, blue: 0.18),
|
|
keyword: Color(red: 0.99, green: 0.46, blue: 0.36),
|
|
string: Color(red: 0.98, green: 0.78, blue: 0.36),
|
|
number: Color(red: 0.98, green: 0.60, blue: 0.80),
|
|
comment: Color(red: 0.86, green: 0.72, blue: 0.64),
|
|
type: Color(red: 0.60, green: 0.78, blue: 0.98),
|
|
property: Color(red: 0.96, green: 0.56, blue: 0.45),
|
|
builtin: Color(red: 0.90, green: 0.72, blue: 0.36)
|
|
)
|
|
case "Midnight":
|
|
return ThemePalette(
|
|
text: Color(red: 0.90, green: 0.94, blue: 0.98),
|
|
background: Color(red: 0.08, green: 0.10, blue: 0.16),
|
|
cursor: Color(red: 0.25, green: 0.78, blue: 0.98),
|
|
selection: Color(red: 0.16, green: 0.22, blue: 0.32),
|
|
keyword: Color(red: 0.35, green: 0.86, blue: 0.96),
|
|
string: Color(red: 0.48, green: 0.94, blue: 0.62),
|
|
number: Color(red: 0.96, green: 0.77, blue: 0.31),
|
|
comment: Color(red: 0.55, green: 0.63, blue: 0.74),
|
|
type: Color(red: 0.40, green: 0.65, blue: 0.98),
|
|
property: Color(red: 0.96, green: 0.56, blue: 0.45),
|
|
builtin: Color(red: 0.86, green: 0.52, blue: 1.0)
|
|
)
|
|
case "Mono":
|
|
return ThemePalette(
|
|
text: Color(red: 0.88, green: 0.88, blue: 0.88),
|
|
background: Color(red: 0.12, green: 0.12, blue: 0.12),
|
|
cursor: Color.white,
|
|
selection: Color(red: 0.26, green: 0.26, blue: 0.26),
|
|
keyword: Color(red: 0.92, green: 0.92, blue: 0.92),
|
|
string: Color(red: 0.80, green: 0.80, blue: 0.80),
|
|
number: Color(red: 0.86, green: 0.86, blue: 0.86),
|
|
comment: Color(red: 0.55, green: 0.55, blue: 0.55),
|
|
type: Color(red: 0.90, green: 0.90, blue: 0.90),
|
|
property: Color(red: 0.84, green: 0.84, blue: 0.84),
|
|
builtin: Color(red: 0.78, green: 0.78, blue: 0.78)
|
|
)
|
|
case "Paper":
|
|
return ThemePalette(
|
|
text: Color(red: 0.12, green: 0.12, blue: 0.12),
|
|
background: Color(red: 0.98, green: 0.97, blue: 0.94),
|
|
cursor: Color(red: 0.16, green: 0.31, blue: 0.90),
|
|
selection: Color(red: 0.86, green: 0.90, blue: 0.98),
|
|
keyword: Color(red: 0.60, green: 0.18, blue: 0.82),
|
|
string: Color(red: 0.12, green: 0.54, blue: 0.39),
|
|
number: Color(red: 0.78, green: 0.37, blue: 0.09),
|
|
comment: Color(red: 0.46, green: 0.46, blue: 0.46),
|
|
type: Color(red: 0.12, green: 0.34, blue: 0.75),
|
|
property: Color(red: 0.67, green: 0.27, blue: 0.52),
|
|
builtin: Color(red: 0.74, green: 0.42, blue: 0.10)
|
|
)
|
|
case "Solar":
|
|
return ThemePalette(
|
|
text: Color(red: 0.98, green: 0.95, blue: 0.90),
|
|
background: Color(red: 0.19, green: 0.12, blue: 0.08),
|
|
cursor: Color(red: 0.99, green: 0.74, blue: 0.30),
|
|
selection: Color(red: 0.33, green: 0.20, blue: 0.14),
|
|
keyword: Color(red: 0.99, green: 0.64, blue: 0.24),
|
|
string: Color(red: 0.98, green: 0.84, blue: 0.34),
|
|
number: Color(red: 0.98, green: 0.52, blue: 0.74),
|
|
comment: Color(red: 0.92, green: 0.80, blue: 0.66),
|
|
type: Color(red: 0.52, green: 0.78, blue: 0.98),
|
|
property: Color(red: 0.98, green: 0.58, blue: 0.38),
|
|
builtin: Color(red: 0.94, green: 0.48, blue: 0.58)
|
|
)
|
|
case "Pulse":
|
|
return ThemePalette(
|
|
text: Color(red: 0.95, green: 0.96, blue: 0.98),
|
|
background: Color(red: 0.10, green: 0.10, blue: 0.14),
|
|
cursor: Color(red: 0.93, green: 0.45, blue: 0.57),
|
|
selection: Color(red: 0.24, green: 0.18, blue: 0.28),
|
|
keyword: Color(red: 0.98, green: 0.54, blue: 0.62),
|
|
string: Color(red: 0.46, green: 0.92, blue: 0.83),
|
|
number: Color(red: 0.96, green: 0.76, blue: 0.30),
|
|
comment: Color(red: 0.62, green: 0.63, blue: 0.72),
|
|
type: Color(red: 0.45, green: 0.72, blue: 0.98),
|
|
property: Color(red: 0.96, green: 0.59, blue: 0.32),
|
|
builtin: Color(red: 0.86, green: 0.52, blue: 1.0)
|
|
)
|
|
case "Mocha":
|
|
return ThemePalette(
|
|
text: Color(red: 0.95, green: 0.92, blue: 0.90),
|
|
background: Color(red: 0.12, green: 0.09, blue: 0.08),
|
|
cursor: Color(red: 0.82, green: 0.62, blue: 0.48),
|
|
selection: Color(red: 0.22, green: 0.17, blue: 0.15),
|
|
keyword: Color(red: 0.82, green: 0.60, blue: 0.98),
|
|
string: Color(red: 0.84, green: 0.72, blue: 0.46),
|
|
number: Color(red: 0.98, green: 0.70, blue: 0.46),
|
|
comment: Color(red: 0.78, green: 0.70, blue: 0.66),
|
|
type: Color(red: 0.52, green: 0.78, blue: 0.98),
|
|
property: Color(red: 0.94, green: 0.56, blue: 0.32),
|
|
builtin: Color(red: 0.90, green: 0.46, blue: 0.72)
|
|
)
|
|
case "Custom":
|
|
let text = colorFromHex(defaults.string(forKey: "SettingsThemeTextColor") ?? "#EDEDED", fallback: .white)
|
|
let background = colorFromHex(defaults.string(forKey: "SettingsThemeBackgroundColor") ?? "#0E1116", fallback: .black)
|
|
let cursor = colorFromHex(defaults.string(forKey: "SettingsThemeCursorColor") ?? "#4EA4FF", fallback: .blue)
|
|
let selection = colorFromHex(defaults.string(forKey: "SettingsThemeSelectionColor") ?? "#2A3340", fallback: .gray)
|
|
let keyword = colorFromHex(defaults.string(forKey: "SettingsThemeKeywordColor") ?? "#F5D90A", fallback: .yellow)
|
|
let string = colorFromHex(defaults.string(forKey: "SettingsThemeStringColor") ?? "#FF7AD9", fallback: .pink)
|
|
let number = colorFromHex(defaults.string(forKey: "SettingsThemeNumberColor") ?? "#FFB86C", fallback: .orange)
|
|
let comment = colorFromHex(defaults.string(forKey: "SettingsThemeCommentColor") ?? "#7F8C98", fallback: .gray)
|
|
return ThemePalette(
|
|
text: text,
|
|
background: background,
|
|
cursor: cursor,
|
|
selection: selection,
|
|
keyword: keyword,
|
|
string: string,
|
|
number: number,
|
|
comment: comment,
|
|
type: keyword,
|
|
property: string,
|
|
builtin: number
|
|
)
|
|
default:
|
|
return ThemePalette(
|
|
text: Color(red: 0.93, green: 0.95, blue: 0.98),
|
|
background: Color(red: 0.10, green: 0.11, blue: 0.14),
|
|
cursor: Color(red: 0.31, green: 0.72, blue: 0.99),
|
|
selection: Color(red: 0.22, green: 0.30, blue: 0.43),
|
|
keyword: Color(red: 0.96, green: 0.84, blue: 0.23),
|
|
string: Color(red: 0.98, green: 0.48, blue: 0.82),
|
|
number: Color(red: 0.98, green: 0.72, blue: 0.33),
|
|
comment: Color(red: 0.60, green: 0.66, blue: 0.74),
|
|
type: Color(red: 0.41, green: 0.69, blue: 0.99),
|
|
property: Color(red: 0.39, green: 0.90, blue: 0.72),
|
|
builtin: Color(red: 0.94, green: 0.42, blue: 0.66)
|
|
)
|
|
}
|
|
}()
|
|
return palette
|
|
}
|
|
|
|
func themePaletteColors(for name: String, defaults: UserDefaults = .standard) -> ThemePaletteColors {
|
|
let palette = paletteForThemeName(canonicalThemeName(name), defaults: defaults)
|
|
return ThemePaletteColors(
|
|
text: palette.text,
|
|
background: palette.background,
|
|
cursor: palette.cursor,
|
|
selection: palette.selection,
|
|
keyword: palette.keyword,
|
|
string: palette.string,
|
|
number: palette.number,
|
|
comment: palette.comment,
|
|
type: palette.type,
|
|
property: palette.property,
|
|
builtin: palette.builtin
|
|
)
|
|
}
|
|
|
|
func currentEditorTheme(colorScheme: ColorScheme) -> EditorTheme {
|
|
let defaults = UserDefaults.standard
|
|
// Always respect the user's selected theme across iOS and macOS.
|
|
let name = canonicalThemeName(defaults.string(forKey: "SettingsThemeName") ?? "Neon Glow")
|
|
let palette = paletteForThemeName(name, defaults: defaults)
|
|
// Keep base editor text legible and consistent across all themes.
|
|
let baseTextColor: Color = (colorScheme == .light)
|
|
? .black
|
|
: Color(red: 0.90, green: 0.90, blue: 0.90)
|
|
|
|
let syntax = SyntaxColors(
|
|
keyword: palette.keyword,
|
|
string: palette.string,
|
|
number: palette.number,
|
|
comment: palette.comment,
|
|
attribute: palette.property,
|
|
variable: palette.property,
|
|
def: palette.keyword,
|
|
property: palette.property,
|
|
meta: palette.builtin,
|
|
tag: palette.keyword,
|
|
atom: palette.number,
|
|
builtin: palette.builtin,
|
|
type: palette.type
|
|
)
|
|
|
|
return EditorTheme(
|
|
text: baseTextColor,
|
|
background: palette.background,
|
|
cursor: palette.cursor,
|
|
selection: palette.selection,
|
|
syntax: syntax
|
|
)
|
|
}
|
|
|
|
func colorFromHex(_ hex: String, fallback: Color) -> Color {
|
|
let cleaned = hex.trimmingCharacters(in: .whitespacesAndNewlines).replacingOccurrences(of: "#", with: "")
|
|
guard cleaned.count == 6, let intVal = Int(cleaned, radix: 16) else { return fallback }
|
|
let r = Double((intVal >> 16) & 0xFF) / 255.0
|
|
let g = Double((intVal >> 8) & 0xFF) / 255.0
|
|
let b = Double(intVal & 0xFF) / 255.0
|
|
return Color(red: r, green: g, blue: b)
|
|
}
|
|
|
|
func colorToHex(_ color: Color) -> String {
|
|
#if os(macOS)
|
|
let platform = PlatformColor(color)
|
|
guard let srgb = platform.usingColorSpace(.sRGB) else { return "#FFFFFF" }
|
|
let r = Int(round(srgb.redComponent * 255))
|
|
let g = Int(round(srgb.greenComponent * 255))
|
|
let b = Int(round(srgb.blueComponent * 255))
|
|
#else
|
|
let platform = PlatformColor(color)
|
|
var r: CGFloat = 0
|
|
var g: CGFloat = 0
|
|
var b: CGFloat = 0
|
|
var a: CGFloat = 0
|
|
platform.getRed(&r, green: &g, blue: &b, alpha: &a)
|
|
let rInt = Int(round(r * 255))
|
|
let gInt = Int(round(g * 255))
|
|
let bInt = Int(round(b * 255))
|
|
#endif
|
|
#if os(macOS)
|
|
return String(format: "#%02X%02X%02X", r, g, b)
|
|
#else
|
|
return String(format: "#%02X%02X%02X", rInt, gInt, bInt)
|
|
#endif
|
|
}
|