You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This directory contains the **Qt Style Sheets (.qss)** that define the visual appearance of the application. The tool supports dynamic theme switching between **Dark Mode** (default) and**Light Mode**.
4
+
This directory contains the **Qt Style Sheets (.qss)** that define the visual appearance of the application. The tool currently ships with a single default theme:**Dark Mode**.
4
5
5
6
## 📂 Files
6
7
7
-
### 1. `style.qss` (Night Mode)
8
+
### 1. `style.qss` (Dark Mode)
8
9
***Type:** Default Theme.
9
10
***Palette:**
10
11
***Backgrounds:** Deep Grays (`#2E2E2E`, `#3C3C3C`).
11
12
***Text:** Off-White (`#F0F0F0`).
12
-
***Accents:** Bright Blue (`#00BFFF`) and Darker Greys for borders.
13
+
***Accents:** Bright Blue (`#00BFFF`) and darker greys for borders.
13
14
***Usage:** Optimized for long annotation sessions to reduce eye strain in low-light environments.
***Text:** Dark Charcoal (`#1E1E1E`) for high contrast.
20
-
***Accents:** Teal/Cyan (`#00AACC`) and Blue (`#0088CC`).
21
-
***Usage:** Optimized for bright environments, presentations, or projectors.
16
+
> Note: `style_day.qss` (Light/Day Mode) has been removed. The application no longer supports theme switching out of the box.
22
17
23
18
---
24
19
@@ -27,16 +22,16 @@ This directory contains the **Qt Style Sheets (.qss)** that define the visual ap
27
22
These files use standard CSS-like syntax adapted for Qt Widgets (`QWidget`, `QPushButton`, `QTreeWidget`, etc.).
28
23
29
24
### Key Styling Features
30
-
1.**Collapsible Group Boxes**:
31
-
* We utilize a CSS trick to animate the `QGroupBox` folding mechanism.
32
-
* The selector `QGroupBox::checkable:checked > QWidget` controls the `max-height` property to hide or show content without requiring complex Python animation code.
25
+
1.**Collapsible Group Boxes**
26
+
* We utilize a CSS trick to animate the `QGroupBox` folding mechanism.
27
+
* The selector `QGroupBox::checkable:checked > QWidget` controls the `max-height` property to hide or show content without requiring complex Python animation code.
33
28
34
-
2.**Custom Indicators**:
35
-
*`QRadioButton` and `QCheckBox` indicators are customized to match the theme colors.
36
-
*`QTreeWidget` headers are styled to blend seamlessly with the panel backgrounds.
29
+
2.**Custom Indicators**
30
+
*`QRadioButton` and `QCheckBox` indicators are customized to match the theme colors.
31
+
*`QTreeWidget` headers are styled to blend seamlessly with the panel backgrounds.
37
32
38
-
3.**Interactive States**:
39
-
* All buttons define specific styles for `:hover`, `:pressed`, and `:disabled` states to provide immediate visual feedback to the user.
33
+
3.**Interactive States**
34
+
* Buttons define specific styles for `:hover`, `:pressed`, and `:disabled` states to provide immediate visual feedback to the user.
40
35
41
36
## 🔄 Loading Logic
42
-
The themes are loaded dynamically in `viewer.py`(or `main_window.py`). When the user toggles the mode, the application reads the text content of the target `.qss` file and applies it via `self.setStyleSheet(...)`.
37
+
The stylesheet is loaded during application startup (typically in `main.py` or `viewer.py`). The application reads the `.qss` file content and applies it via `setStyleSheet(...)`.
0 commit comments