77 orientation: " vertical"
88 size_hint_y: None
99 height: self .minimum_height
10- padding: dp(12 )
11- spacing: dp(6 )
10+ padding: [ dp(12 ), dp( 10 ), dp( 12 ), dp( 10 )]
11+ spacing: dp(4 )
1212
1313 canvas.before:
1414 Color:
1818 size: self .size
1919 radius: [dp(14 )]
2020
21- # Title
21+ # Title row
2222 Label:
2323 size_hint_y: None
24- height: dp(20 )
24+ height: dp(18 )
2525 text: root.title.upper()
26- font_size: dp(11 )
26+ font_size: dp(10 )
2727 bold: True
2828 color: root.title_color
2929 halign: " left"
3030 valign: " middle"
3131 text_size: self .size
3232
33- # Gauge row: arc left, details right
33+ # Gauge + details row
3434 BoxLayout:
3535 size_hint_y: None
36- height: dp(110 )
37- spacing: dp(10 )
36+ height: dp(100 )
37+ spacing: dp(12 )
3838
39- # Circular gauge
4039 ArcGauge:
4140 id : gauge
4241 size_hint_x: None
43- width: dp(110 )
44- pct: root.bar_pct
45- arc_color: root.bar_color
46- arc_bg: root.bar_bg
47- label_text: root.value
42+ width: dp(100 )
43+ size_hint_y: 1
44+ pct: root.bar_pct
45+ arc_color: root.bar_color
46+ arc_bg: root.bar_bg
47+ label_text: root.value
4848 label_color: root.value_color
49- sub_text: " "
50- thickness: dp(9 )
49+ thickness: dp(9 )
5150
52- # Right side: subtitle + details
5351 BoxLayout:
5452 orientation: " vertical"
55- spacing: dp(4 )
53+ spacing: dp(3 )
54+ padding: [0 , dp(8 ), 0 , dp(8 )]
5655
5756 Label:
58- id : subtitle_label
5957 text: root.subtitle
6058 font_size: dp(12 )
6159 color: root.sub_color
6260 halign: " left"
6361 valign: " middle"
6462 text_size: self .size
63+ size_hint_y: 1
6564
6665 Label:
6766 size_hint_y: None
68- height: dp(16 ) if root.detail1 else 0
67+ height: dp(15 ) if root.detail1 else 0
6968 opacity: 1 if root.detail1 else 0
7069 text: root.detail1
71- font_size: dp(11 )
70+ font_size: dp(10 )
7271 color: root.detail_color
7372 halign: " left"
7473 valign: " middle"
7574 text_size: self .size
7675
7776 Label:
7877 size_hint_y: None
79- height: dp(16 ) if root.detail2 else 0
78+ height: dp(15 ) if root.detail2 else 0
8079 opacity: 1 if root.detail2 else 0
8180 text: root.detail2
82- font_size: dp(11 )
81+ font_size: dp(10 )
8382 color: root.detail_color
8483 halign: " left"
8584 valign: " middle"
8685 text_size: self .size
8786
88- Widget:
8987
90-
91- # ── Root ───────────────────────────────────────────────────────────────────
88+ # ── RootWidget ─────────────────────────────────────────────────────────────
9289<RootWidget> :
9390 orientation: " vertical"
9491
9592 canvas.before:
9693 Color:
9794 rgba: root.bg
9895 Rectangle:
99- pos: self .pos
96+ pos: self .pos
10097 size: self .size
10198
102- # Header
99+ # Header bar
103100 BoxLayout:
104101 size_hint_y: None
105- height: dp(52 )
106- padding: [dp(14 ), dp(8 )]
102+ height: dp(50 )
103+ padding: [dp(14 ), dp(7 )]
107104 spacing: dp(8 )
108105
109106 canvas.before:
110107 Color:
111108 rgba: root.card_bg
112109 Rectangle:
113- pos: self .pos
110+ pos: self .pos
114111 size: self .size
115112
116113 Label:
141138 color: root.text_col
142139 on_release: root.toggle_collapse()
143140
144- # Cards
141+ # Scrollable card list
145142 ScrollView:
146- opacity: 0 if root.collapsed else 1
147- size_hint_y: 0 if root.collapsed else 1
143+ opacity: 0 if root.collapsed else 1
144+ size_hint_y: 0 if root.collapsed else 1
145+ do_scroll_x: False
148146
149147 GridLayout:
150148 cols: 1
151149 size_hint_y: None
152150 height: self .minimum_height
153151 spacing: dp(10 )
154- padding: dp(10 )
152+ padding: [ dp(10 ), dp( 10 ), dp( 10 ), dp( 10 )]
155153
156154 StatCard:
157155 id : fps_card
158- title: " FPS / DISPLAY"
159- bg_color: root.card_bg
156+ title: " FPS / DISPLAY"
157+ bg_color: root.card_bg
160158 title_color: root.dim_col
161- bar_color: root.accent
162- bar_bg: root.bar_bg
159+ bar_color: root.accent
160+ bar_bg: root.bar_bg
163161 value_color: root.accent
164- sub_color: root.sub_col
162+ sub_color: root.sub_col
163+ detail_color: root.dim_col
165164
166165 StatCard:
167166 id : cpu_card
168- title: " CPU"
169- bg_color: root.card_bg
167+ title: " CPU"
168+ bg_color: root.card_bg
170169 title_color: root.dim_col
171- bar_color: root.accent
172- bar_bg: root.bar_bg
170+ bar_color: root.accent
171+ bar_bg: root.bar_bg
173172 value_color: root.accent
174- sub_color: root.sub_col
173+ sub_color: root.sub_col
174+ detail_color: root.dim_col
175175
176176 StatCard:
177177 id : ram_card
178- title: " RAM"
179- bg_color: root.card_bg
178+ title: " RAM"
179+ bg_color: root.card_bg
180180 title_color: root.dim_col
181- bar_color: root.accent
182- bar_bg: root.bar_bg
181+ bar_color: root.accent
182+ bar_bg: root.bar_bg
183183 value_color: root.accent
184- sub_color: root.sub_col
184+ sub_color: root.sub_col
185+ detail_color: root.dim_col
185186
186187 StatCard:
187188 id : battery_card
188- title: " BATTERY"
189- bg_color: root.card_bg
189+ title: " BATTERY"
190+ bg_color: root.card_bg
190191 title_color: root.dim_col
191- bar_color: root.accent
192- bar_bg: root.bar_bg
192+ bar_color: root.accent
193+ bar_bg: root.bar_bg
193194 value_color: root.accent
194- sub_color: root.sub_col
195+ sub_color: root.sub_col
196+ detail_color: root.dim_col
195197
196198 StatCard:
197199 id : network_card
198- title: " NETWORK"
199- bg_color: root.card_bg
200+ title: " NETWORK"
201+ bg_color: root.card_bg
200202 title_color: root.dim_col
201- bar_color: root.accent
202- bar_bg: root.bar_bg
203+ bar_color: root.accent
204+ bar_bg: root.bar_bg
203205 value_color: root.accent
204- sub_color: root.sub_col
205- show_bar: False
206+ sub_color: root.sub_col
207+ detail_color: root.dim_col
206208
207209 StatCard:
208210 id : storage_card
209- title: " STORAGE"
210- bg_color: root.card_bg
211+ title: " STORAGE"
212+ bg_color: root.card_bg
211213 title_color: root.dim_col
212- bar_color: root.warn
213- bar_bg: root.bar_bg
214+ bar_color: root.warn
215+ bar_bg: root.bar_bg
214216 value_color: root.warn
215- sub_color: root.sub_col
217+ sub_color: root.sub_col
218+ detail_color: root.dim_col
216219
217220 StatCard:
218221 id : thermal_card
219- title: " THERMAL"
220- bg_color: root.card_bg
222+ title: " THERMAL"
223+ bg_color: root.card_bg
221224 title_color: root.dim_col
222- bar_color: root.danger
223- bar_bg: root.bar_bg
225+ bar_color: root.danger
226+ bar_bg: root.bar_bg
224227 value_color: root.danger
225- sub_color: root.sub_col
228+ sub_color: root.sub_col
229+ detail_color: root.dim_col
0 commit comments