Initial commit of ISC QtQuick application scaffold, including main application logic in , QML components for UI in directory, project metadata in , and runtime dependencies in . Added README for setup instructions and project structure overview.

This commit is contained in:
Jack.Le
2026-04-23 11:39:46 -07:00
commit 50955c740e
10 changed files with 363 additions and 0 deletions
+75
View File
@@ -0,0 +1,75 @@
pragma Singleton
import QtQuick
// ===== Shared Theme Tokens =====
QtObject {
// ===== Theme Mode =====
// Toggle this to preview the same shell in light mode.
property bool isDarkMode: true
// ===== Surface Colors =====
// Core application surfaces.
readonly property color pageBackground: isDarkMode ? "#11161c" : "#eef4f7"
readonly property color cardBackground: isDarkMode ? "#1b232d" : "#ffffff"
readonly property color workspaceBackground: isDarkMode ? "#121923" : "#ffffff"
readonly property color sideRailBackground: isDarkMode ? "#18202a" : "#f5f7fa"
readonly property color responseBackground: isDarkMode ? "#18212a" : "#f9fbfc"
// Shared border and text colors.
readonly property color cardBorder: isDarkMode ? "#334155" : "#cbd5e1"
readonly property color workspaceBorder: isDarkMode ? "#334155" : "#d7dde5"
readonly property color responseBorder: isDarkMode ? "#334155" : "#d5e0e8"
readonly property color headingColor: isDarkMode ? "#e5eef7" : "#12324a"
readonly property color bodyColor: isDarkMode ? "#afbdca" : "#415a6b"
readonly property color buttonPressed: isDarkMode ? "#214d60" : "#17576c"
readonly property color statusSuccessColor: isDarkMode ? "#7cd67e" : "#1f7a33"
readonly property color statusErrorColor: isDarkMode ? "#ff8a80" : "#c62828"
readonly property color statusWarningColor: isDarkMode ? "#f3c677" : "#9a6700"
// ===== Side Rail Sizing =====
readonly property int sideRailWidth: 190
readonly property int sideRailSpacing: 14
readonly property int sideButtonHeight: 146
readonly property int sideButtonMinHeight: 88
readonly property int panelPadding: 12
// ===== Main Panel Spacing =====
// Main content spacing.
readonly property int mainAreaPadding: 10
readonly property int rightPaneGap: 6
readonly property int tabBarHeight: 34
readonly property int settingsPanelMaxWidth: 760
readonly property int settingsOuterMargin: 40
readonly property int settingsSectionSpacing: 20
readonly property int settingsRowSpacing: 16
readonly property int settingsGridSpacing: 12
readonly property int settingsButtonHeight: 40
readonly property int settingsActionWidth: 200
readonly property int settingsFieldMinWidth: 160
// ===== Footer Tab Theme =====
// Bottom tab styling.
readonly property color tabBarBackground: isDarkMode ? "#161d26" : "#f2f2f2"
readonly property color tabBackground: isDarkMode ? "#202833" : "#ececec"
readonly property color tabActiveBackground: isDarkMode ? "#2a3440" : "#ffffff"
readonly property color tabHoverBackground: isDarkMode ? "#263140" : "#f7f7f7"
readonly property color tabBorder: isDarkMode ? "#3a4758" : "#cfcfcf"
readonly property color tabText: isDarkMode ? "#c6d0da" : "#222222"
readonly property color tabActiveText: isDarkMode ? "#ffffff" : "#111111"
readonly property int tabButtonMinWidth: 80
readonly property int tabHorizontalPadding: 14
readonly property int tabBarPadding: 6
readonly property int tabSpacing: 2
readonly property int tabRadius: 2
readonly property int tabFontSize: 12
// ===== Form Control Theme =====
readonly property color inputBackground: isDarkMode ? "#202833" : "#ffffff"
readonly property color inputBorder: isDarkMode ? "#4a596d" : "#cfcfcf"
readonly property color buttonBackground: isDarkMode ? "#202833" : "#ffffff"
readonly property color buttonText: isDarkMode ? "#e5eef7" : "#111111"
readonly property color checkboxText: isDarkMode ? "#d6dfeb" : "#111111"
}