feat(assets): NexusOS asset + theme rebrand
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
jon
+397
@@ -0,0 +1,397 @@
|
||||
[%GradualConfiguration]
|
||||
# Toolbar / menubar gradient — flat: both ends same color
|
||||
left.header.color=#2a2e32
|
||||
right.header.color=#2a2e32
|
||||
header.text.color=#f2f2f2
|
||||
header.text.shadow.color=0,0,0,0
|
||||
left.dock.header.color=#1e1526
|
||||
right.dock.header.color=#1e1526
|
||||
dock.header.text.color=#f2f2f2
|
||||
dock.header.text.shadow.color=0,0,0,0
|
||||
|
||||
[%ThemeHacks]
|
||||
transparent.menus=false
|
||||
transparent.tooltips=false
|
||||
blurring=false
|
||||
composite=false
|
||||
|
||||
[General]
|
||||
author=NexusOS
|
||||
comment=Flat dark purple theme, lime-green accents, purple selections
|
||||
x11drag=all
|
||||
double.click.exception=
|
||||
group.label.boldFont=false
|
||||
menubar.mouse.tracking=true
|
||||
toolbutton.style=0
|
||||
dialog.button.layout=0
|
||||
splitter.width=4
|
||||
scroll.arrows=false
|
||||
scroll.min.extent=36
|
||||
tooltip.delay=500
|
||||
tooltip.count=1
|
||||
vertical.center.dialogs=true
|
||||
inline.spin.indicators=true
|
||||
transient.scrollbar=false
|
||||
submenu.overlap=3
|
||||
submenu.delay=250
|
||||
shadow.spread=0
|
||||
shadow.x.offset=0
|
||||
shadow.y.offset=0
|
||||
focus.rect.color=#8cc63f
|
||||
reduce.window.opacity=0
|
||||
reduce.menu.opacity=0
|
||||
small.icon.size=16
|
||||
large.icon.size=32
|
||||
button.icon.size=16
|
||||
toolbar.icon.size=16
|
||||
|
||||
[PanelButtonCommand]
|
||||
inherits=PanelButtonTool
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=button
|
||||
interior.x.padding=8
|
||||
interior.y.padding=4
|
||||
indicator.size=0
|
||||
text.shadow=0
|
||||
text.margin=1
|
||||
text.bold=false
|
||||
min.height=26
|
||||
min.width=60
|
||||
|
||||
[PanelButtonTool]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=toolbutton
|
||||
interior.x.padding=6
|
||||
interior.y.padding=3
|
||||
indicator.size=0
|
||||
text.shadow=0
|
||||
text.margin=0
|
||||
text.bold=false
|
||||
min.height=22
|
||||
min.width=0
|
||||
|
||||
[ToolbarButton]
|
||||
inherits=PanelButtonTool
|
||||
|
||||
[Dock]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=dock
|
||||
|
||||
[DockTitle]
|
||||
frame=false
|
||||
interior=false
|
||||
indicator.element=arrow
|
||||
text.margin=3
|
||||
text.shadow=0
|
||||
|
||||
[TitleBar]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=titlebar
|
||||
indicator.element=button
|
||||
min.height=30
|
||||
text.margin=4
|
||||
text.shadow=0
|
||||
text.bold=false
|
||||
|
||||
[GroupBox]
|
||||
frame=true
|
||||
frame.element=groupbox
|
||||
frame.top=6
|
||||
frame.bottom=2
|
||||
frame.left=2
|
||||
frame.right=2
|
||||
interior=false
|
||||
text.margin=4
|
||||
text.shadow=0
|
||||
text.bold=false
|
||||
text.italic=false
|
||||
|
||||
[LineEdit]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=lineedit
|
||||
interior.x.padding=8
|
||||
interior.y.padding=4
|
||||
min.height=26
|
||||
min.width=0
|
||||
|
||||
[DropDownButton]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=button
|
||||
indicator.element=arrow-down
|
||||
indicator.size=10
|
||||
|
||||
[ToolboxTab]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=tab
|
||||
text.margin=4
|
||||
text.shadow=0
|
||||
text.bold=false
|
||||
|
||||
[Tab]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=tab
|
||||
interior.x.padding=10
|
||||
interior.y.padding=4
|
||||
indicator.element=tab-close
|
||||
indicator.size=12
|
||||
text.shadow=0
|
||||
text.margin=2
|
||||
min.height=26
|
||||
min.width=60
|
||||
|
||||
[TabFrame]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=tabframe
|
||||
frame.top=0
|
||||
frame.bottom=0
|
||||
frame.left=0
|
||||
frame.right=0
|
||||
|
||||
[TreeExpander]
|
||||
frame=false
|
||||
interior=false
|
||||
indicator.element=arrow
|
||||
indicator.size=10
|
||||
|
||||
[HeaderSection]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=header
|
||||
interior.x.padding=6
|
||||
interior.y.padding=3
|
||||
indicator.element=arrow
|
||||
indicator.size=10
|
||||
text.shadow=0
|
||||
min.height=24
|
||||
|
||||
[SizeGrip]
|
||||
frame=false
|
||||
interior=false
|
||||
indicator.element=sizegrip
|
||||
indicator.size=14
|
||||
|
||||
[Splitter]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=splitter
|
||||
min.height=4
|
||||
min.width=4
|
||||
|
||||
[Slider]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=slider
|
||||
indicator.element=slider-handle
|
||||
indicator.size=16
|
||||
min.height=4
|
||||
min.width=4
|
||||
|
||||
[SliderCursorFlat]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=slider-handle
|
||||
min.height=16
|
||||
min.width=16
|
||||
|
||||
[ProgressbarContents]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=progressbar-fill
|
||||
|
||||
[Progressbar]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=progressbar
|
||||
indicator.size=0
|
||||
text.shadow=0
|
||||
min.height=6
|
||||
min.width=0
|
||||
|
||||
[ItemView]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=itemview
|
||||
interior.x.padding=4
|
||||
interior.y.padding=2
|
||||
|
||||
[Toolbar]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=toolbar
|
||||
interior.x.padding=2
|
||||
interior.y.padding=2
|
||||
indicator.element=toolbar-handle
|
||||
indicator.size=8
|
||||
|
||||
[ScrollbarSlider]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=scrollbar-slider
|
||||
min.height=36
|
||||
min.width=8
|
||||
|
||||
[ScrollbarGroove]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=scrollbar-groove
|
||||
|
||||
[Scrollbar]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=scrollbar-groove
|
||||
indicator.element=arrow
|
||||
indicator.size=0
|
||||
min.height=8
|
||||
min.width=8
|
||||
|
||||
[ScrollArrow]
|
||||
frame=false
|
||||
interior=false
|
||||
indicator.element=arrow
|
||||
indicator.size=8
|
||||
min.height=0
|
||||
min.width=0
|
||||
|
||||
[CheckBox]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=checkbox
|
||||
indicator.element=checkbox-indicator
|
||||
indicator.size=14
|
||||
text.shadow=0
|
||||
text.margin=3
|
||||
min.height=16
|
||||
min.width=16
|
||||
|
||||
[RadioButton]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=radiobutton
|
||||
indicator.element=radiobutton-indicator
|
||||
indicator.size=8
|
||||
text.shadow=0
|
||||
text.margin=3
|
||||
min.height=16
|
||||
min.width=16
|
||||
|
||||
[Separator]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=separator
|
||||
min.height=1
|
||||
min.width=1
|
||||
|
||||
[ComboBox]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=combobox
|
||||
interior.x.padding=8
|
||||
interior.y.padding=4
|
||||
indicator.element=arrow-down
|
||||
indicator.size=10
|
||||
min.height=26
|
||||
min.width=0
|
||||
|
||||
[SpinBox]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=spinbox
|
||||
interior.x.padding=6
|
||||
interior.y.padding=3
|
||||
indicator.element=arrow
|
||||
indicator.size=10
|
||||
min.height=26
|
||||
min.width=0
|
||||
|
||||
[Frame]
|
||||
frame=true
|
||||
frame.element=frame
|
||||
frame.top=1
|
||||
frame.bottom=1
|
||||
frame.left=1
|
||||
frame.right=1
|
||||
interior=false
|
||||
|
||||
[MenuItem]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=menuitem
|
||||
interior.x.padding=6
|
||||
interior.y.padding=1
|
||||
indicator.element=menuitem-arrow
|
||||
indicator.size=10
|
||||
text.shadow=0
|
||||
min.height=22
|
||||
|
||||
[Menu]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=menu
|
||||
interior.x.padding=0
|
||||
interior.y.padding=2
|
||||
text.shadow=0
|
||||
min.height=0
|
||||
min.width=0
|
||||
|
||||
[Menubar]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=menubar
|
||||
text.shadow=0
|
||||
|
||||
[MenubarItem]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=menubaritem
|
||||
interior.x.padding=10
|
||||
interior.y.padding=4
|
||||
text.shadow=0
|
||||
|
||||
[ToolTip]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=tooltip
|
||||
interior.x.padding=8
|
||||
interior.y.padding=4
|
||||
text.shadow=0
|
||||
min.height=0
|
||||
min.width=0
|
||||
|
||||
[StatusBar]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=statusbar
|
||||
|
||||
[Window]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=window
|
||||
interior.x.padding=0
|
||||
interior.y.padding=0
|
||||
|
||||
[Dialog]
|
||||
frame=false
|
||||
interior=true
|
||||
interior.element=window
|
||||
|
||||
[MessageBox]
|
||||
inherits=Dialog
|
||||
text.bold=false
|
||||
|
||||
[GenericFrame]
|
||||
frame=true
|
||||
frame.element=frame
|
||||
frame.top=1
|
||||
frame.bottom=1
|
||||
frame.left=1
|
||||
frame.right=1
|
||||
interior=false
|
||||
+619
@@ -0,0 +1,619 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!--
|
||||
NexusOS Kvantum SVG
|
||||
Palette: dark purple base + lime green accents + purple selections.
|
||||
Layout: each element type occupies one row (y-step=50px). States
|
||||
are arranged left-to-right within each row (x-step=110px):
|
||||
col 0 (x=0): normal
|
||||
col 1 (x=110): focused
|
||||
col 2 (x=220): hover
|
||||
col 3 (x=330): pressed / active
|
||||
col 4 (x=440): disabled
|
||||
col 5 (x=550): toggled
|
||||
col 6 (x=660): toggled-focused / toggled-hover
|
||||
|
||||
Kvantum looks up elements by id; exact (x,y) positions are ignored.
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
||||
width="800" height="2000">
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
BUTTON (y=0)
|
||||
Used by: PanelButtonCommand, PanelButtonTool, DropDownButton
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="button">
|
||||
<rect x="1" y="1" width="98" height="38" rx="4"
|
||||
fill="#2a2e32" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-focused">
|
||||
<rect x="111" y="1" width="98" height="38" rx="4"
|
||||
fill="#2a2e32" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-hover">
|
||||
<rect x="221" y="1" width="98" height="38" rx="4"
|
||||
fill="#353a3e" stroke="#4a4f54" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-pressed">
|
||||
<rect x="331" y="1" width="98" height="38" rx="4"
|
||||
fill="#8cc63f" stroke="#6ba62a" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-disabled">
|
||||
<rect x="441" y="1" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-toggled">
|
||||
<rect x="551" y="1" width="98" height="38" rx="4"
|
||||
fill="#88008f" stroke="#5e0066" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-toggled-focused">
|
||||
<rect x="661" y="1" width="98" height="38" rx="4"
|
||||
fill="#88008f" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="button-toggled-hover">
|
||||
<rect x="1" y="51" width="98" height="38" rx="4"
|
||||
fill="#a232a8" stroke="#88008f" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
TOOLBUTTON (y=100) — flatter, no minimum width enforcement
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="toolbutton">
|
||||
<rect x="1" y="101" width="98" height="38" rx="4"
|
||||
fill="none" stroke="none"/>
|
||||
</g>
|
||||
<g id="toolbutton-focused">
|
||||
<rect x="111" y="101" width="98" height="38" rx="4"
|
||||
fill="#2a2e32" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="toolbutton-hover">
|
||||
<rect x="221" y="101" width="98" height="38" rx="4"
|
||||
fill="#2a2e32" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="toolbutton-pressed">
|
||||
<rect x="331" y="101" width="98" height="38" rx="4"
|
||||
fill="#8cc63f" stroke="#6ba62a" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="toolbutton-disabled">
|
||||
<rect x="441" y="101" width="98" height="38" rx="4"
|
||||
fill="none" stroke="none"/>
|
||||
</g>
|
||||
<g id="toolbutton-toggled">
|
||||
<rect x="551" y="101" width="98" height="38" rx="4"
|
||||
fill="#88008f" stroke="#5e0066" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="toolbutton-toggled-hover">
|
||||
<rect x="661" y="101" width="98" height="38" rx="4"
|
||||
fill="#a232a8" stroke="#88008f" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
LINE EDIT / TEXT FIELD (y=150)
|
||||
Used by: LineEdit, SpinBox field, ComboBox field
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="lineedit">
|
||||
<rect x="1" y="151" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="lineedit-focused">
|
||||
<rect x="111" y="151" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="lineedit-hover">
|
||||
<rect x="221" y="151" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="lineedit-disabled">
|
||||
<rect x="331" y="151" width="98" height="38" rx="4"
|
||||
fill="#1e1526" stroke="#2e3236" stroke-width="1" opacity="0.6"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
COMBO BOX (y=200)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="combobox">
|
||||
<rect x="1" y="201" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="combobox-focused">
|
||||
<rect x="111" y="201" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="combobox-hover">
|
||||
<rect x="221" y="201" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="combobox-pressed">
|
||||
<rect x="331" y="201" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="combobox-disabled">
|
||||
<rect x="441" y="201" width="98" height="38" rx="4"
|
||||
fill="#1e1526" stroke="#2e3236" stroke-width="1" opacity="0.6"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SPIN BOX (y=250)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="spinbox">
|
||||
<rect x="1" y="251" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="spinbox-focused">
|
||||
<rect x="111" y="251" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="spinbox-hover">
|
||||
<rect x="221" y="251" width="98" height="38" rx="4"
|
||||
fill="#1f2225" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="spinbox-disabled">
|
||||
<rect x="331" y="251" width="98" height="38" rx="4"
|
||||
fill="#1e1526" stroke="#2e3236" stroke-width="1" opacity="0.6"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
MENU BACKGROUND (y=300)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="menu">
|
||||
<rect x="1" y="301" width="98" height="78" rx="6"
|
||||
fill="#2a1d33" stroke="#4d3461" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
MENU ITEM (y=400) — just a fill highlight, no outline
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="menuitem">
|
||||
<rect x="1" y="401" width="98" height="28" rx="3"
|
||||
fill="none"/>
|
||||
</g>
|
||||
<g id="menuitem-hover">
|
||||
<rect x="111" y="401" width="98" height="28" rx="3"
|
||||
fill="#8cc63f" fill-opacity="0.18"/>
|
||||
</g>
|
||||
<g id="menuitem-pressed">
|
||||
<rect x="221" y="401" width="98" height="28" rx="3"
|
||||
fill="#8cc63f"/>
|
||||
</g>
|
||||
<g id="menuitem-disabled">
|
||||
<rect x="331" y="401" width="98" height="28" rx="3"
|
||||
fill="none"/>
|
||||
</g>
|
||||
<g id="menuitem-selected">
|
||||
<rect x="441" y="401" width="98" height="28" rx="3"
|
||||
fill="#8cc63f"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
MENU BAR (y=450)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="menubar">
|
||||
<rect x="1" y="451" width="98" height="28" rx="0"
|
||||
fill="#2a2e32" stroke="none"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
MENU BAR ITEM (y=480)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="menubaritem">
|
||||
<rect x="1" y="481" width="98" height="28" rx="3"
|
||||
fill="none"/>
|
||||
</g>
|
||||
<g id="menubaritem-hover">
|
||||
<rect x="111" y="481" width="98" height="28" rx="3"
|
||||
fill="#8cc63f" fill-opacity="0.18"/>
|
||||
</g>
|
||||
<g id="menubaritem-pressed">
|
||||
<rect x="221" y="481" width="98" height="28" rx="3"
|
||||
fill="#8cc63f"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
TOOLTIP (y=530)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="tooltip">
|
||||
<rect x="1" y="531" width="98" height="38" rx="6"
|
||||
fill="#2e3236" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
TAB (in tab bar) (y=580)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="tab">
|
||||
<rect x="1" y="581" width="98" height="34" rx="4"
|
||||
fill="none"/>
|
||||
</g>
|
||||
<g id="tab-focused">
|
||||
<rect x="111" y="581" width="98" height="34" rx="4"
|
||||
fill="#2a2e32" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="tab-hover">
|
||||
<rect x="221" y="581" width="98" height="34" rx="4"
|
||||
fill="#2a2e32" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="tab-pressed">
|
||||
<rect x="331" y="581" width="98" height="34" rx="4"
|
||||
fill="#2a2e32" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="tab-disabled">
|
||||
<rect x="441" y="581" width="98" height="34" rx="4"
|
||||
fill="none" opacity="0.4"/>
|
||||
</g>
|
||||
<g id="tab-toggled">
|
||||
<rect x="551" y="581" width="98" height="34" rx="4"
|
||||
fill="#2a2e32" stroke="#8cc63f" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
TAB FRAME (content area) (y=630)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="tabframe">
|
||||
<rect x="1" y="631" width="98" height="58" rx="0"
|
||||
fill="#1f2225" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
PROGRESS BAR TRACK (y=700)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="progressbar">
|
||||
<rect x="1" y="701" width="98" height="8" rx="4"
|
||||
fill="#2a2e32" stroke="none"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
PROGRESS BAR FILL (y=720)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="progressbar-fill">
|
||||
<rect x="1" y="721" width="98" height="8" rx="4"
|
||||
fill="#8cc63f"/>
|
||||
</g>
|
||||
<g id="progressbar-fill-disabled">
|
||||
<rect x="111" y="721" width="98" height="8" rx="4"
|
||||
fill="#3a3d41"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SCROLLBAR GROOVE (y=740)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="scrollbar-groove">
|
||||
<rect x="1" y="741" width="8" height="98" rx="4"
|
||||
fill="#2a2e32" stroke="none"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SCROLLBAR SLIDER (thumb) (y=850)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="scrollbar-slider">
|
||||
<rect x="1" y="851" width="8" height="36" rx="4"
|
||||
fill="#3a3d41"/>
|
||||
</g>
|
||||
<g id="scrollbar-slider-hover">
|
||||
<rect x="11" y="851" width="8" height="36" rx="4"
|
||||
fill="#8cc63f"/>
|
||||
</g>
|
||||
<g id="scrollbar-slider-pressed">
|
||||
<rect x="21" y="851" width="8" height="36" rx="4"
|
||||
fill="#6ba62a"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SLIDER GROOVE (y=900)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="slider">
|
||||
<rect x="1" y="901" width="98" height="4" rx="2"
|
||||
fill="#2a2e32" stroke="none"/>
|
||||
</g>
|
||||
<g id="slider-focused">
|
||||
<rect x="1" y="901" width="98" height="4" rx="2"
|
||||
fill="#2a2e32" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SLIDER HANDLE (y=920)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="slider-handle">
|
||||
<circle cx="9" cy="929" r="8" fill="#3a3d41" stroke="#4a4f54" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="slider-handle-focused">
|
||||
<circle cx="9" cy="929" r="8" fill="#3a3d41" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="slider-handle-hover">
|
||||
<circle cx="9" cy="929" r="8" fill="#8cc63f" stroke="#6ba62a" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="slider-handle-pressed">
|
||||
<circle cx="9" cy="929" r="8" fill="#6ba62a" stroke="#6ba62a" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="slider-handle-disabled">
|
||||
<circle cx="9" cy="929" r="8" fill="#2e3236" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
CHECK BOX BACKGROUND (y=950)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="checkbox">
|
||||
<rect x="1" y="951" width="16" height="16" rx="3"
|
||||
fill="#1f2225" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="checkbox-focused">
|
||||
<rect x="19" y="951" width="16" height="16" rx="3"
|
||||
fill="#1f2225" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="checkbox-hover">
|
||||
<rect x="37" y="951" width="16" height="16" rx="3"
|
||||
fill="#2a2e32" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="checkbox-toggled">
|
||||
<rect x="55" y="951" width="16" height="16" rx="3"
|
||||
fill="#8cc63f" stroke="#6ba62a" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="checkbox-toggled-focused">
|
||||
<rect x="73" y="951" width="16" height="16" rx="3"
|
||||
fill="#8cc63f" stroke="#8cc63f" stroke-width="2"/>
|
||||
</g>
|
||||
<g id="checkbox-disabled">
|
||||
<rect x="91" y="951" width="16" height="16" rx="3"
|
||||
fill="#1e1526" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- checkbox checkmark indicator -->
|
||||
<g id="checkbox-indicator">
|
||||
<!-- invisible placeholder for unchecked state -->
|
||||
<path d="M3,979 L6,983 L11,975" fill="none" stroke="none"/>
|
||||
</g>
|
||||
<g id="checkbox-indicator-toggled">
|
||||
<path d="M3,979 L6,983 L11,975"
|
||||
fill="none" stroke="#0a0a00" stroke-width="2"
|
||||
stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<g id="checkbox-indicator-disabled">
|
||||
<path d="M93,979 L96,983 L101,975"
|
||||
fill="none" stroke="#6e7173" stroke-width="2"
|
||||
stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
RADIO BUTTON BACKGROUND (y=1000)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="radiobutton">
|
||||
<circle cx="9" cy="1009" r="8" fill="#1f2225" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="radiobutton-focused">
|
||||
<circle cx="27" cy="1009" r="8" fill="#1f2225" stroke="#8cc63f" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="radiobutton-hover">
|
||||
<circle cx="45" cy="1009" r="8" fill="#2a2e32" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="radiobutton-toggled">
|
||||
<circle cx="63" cy="1009" r="8" fill="#8cc63f" stroke="#6ba62a" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="radiobutton-toggled-focused">
|
||||
<circle cx="81" cy="1009" r="8" fill="#8cc63f" stroke="#8cc63f" stroke-width="2"/>
|
||||
</g>
|
||||
<g id="radiobutton-disabled">
|
||||
<circle cx="99" cy="1009" r="8" fill="#1e1526" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- radio dot indicator -->
|
||||
<g id="radiobutton-indicator">
|
||||
<circle cx="9" cy="1009" r="3.5" fill="#0a0a00"/>
|
||||
</g>
|
||||
<g id="radiobutton-indicator-disabled">
|
||||
<circle cx="99" cy="1009" r="3.5" fill="#6e7173"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
HEADER SECTION (table/tree column header) (y=1030)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="header">
|
||||
<rect x="1" y="1031" width="98" height="28" rx="0"
|
||||
fill="#2a2e32" stroke="none"/>
|
||||
</g>
|
||||
<g id="header-hover">
|
||||
<rect x="111" y="1031" width="98" height="28" rx="0"
|
||||
fill="#353a3e" stroke="none"/>
|
||||
</g>
|
||||
<g id="header-pressed">
|
||||
<rect x="221" y="1031" width="98" height="28" rx="0"
|
||||
fill="#8cc63f" stroke="none"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
ITEM VIEW (list/tree row) (y=1070)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="itemview">
|
||||
<rect x="1" y="1071" width="98" height="24" rx="0"
|
||||
fill="none"/>
|
||||
</g>
|
||||
<g id="itemview-hover">
|
||||
<rect x="111" y="1071" width="98" height="24" rx="0"
|
||||
fill="#8cc63f" fill-opacity="0.12"/>
|
||||
</g>
|
||||
<g id="itemview-pressed">
|
||||
<rect x="221" y="1071" width="98" height="24" rx="0"
|
||||
fill="#88008f" fill-opacity="0.8"/>
|
||||
</g>
|
||||
<g id="itemview-toggled">
|
||||
<rect x="331" y="1071" width="98" height="24" rx="0"
|
||||
fill="#88008f"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
TOOLBAR (y=1110)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="toolbar">
|
||||
<rect x="1" y="1111" width="98" height="38" rx="0"
|
||||
fill="#2a2e32" stroke="none"/>
|
||||
</g>
|
||||
|
||||
<!-- toolbar separator handle indicator -->
|
||||
<g id="toolbar-handle">
|
||||
<line x1="3" y1="1115" x2="3" y2="1143"
|
||||
stroke="#3a3d41" stroke-width="2" stroke-dasharray="1,2"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
DOCK (y=1160)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="dock">
|
||||
<rect x="1" y="1161" width="98" height="58" rx="0"
|
||||
fill="#1e1526" stroke="#2e3236" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SPLITTER (y=1230)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="splitter">
|
||||
<rect x="1" y="1231" width="4" height="98" rx="2"
|
||||
fill="#2e3236"/>
|
||||
</g>
|
||||
<g id="splitter-hover">
|
||||
<rect x="7" y="1231" width="4" height="98" rx="2"
|
||||
fill="#8cc63f" fill-opacity="0.4"/>
|
||||
</g>
|
||||
<g id="splitter-pressed">
|
||||
<rect x="13" y="1231" width="4" height="98" rx="2"
|
||||
fill="#8cc63f"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
SEPARATOR (y=1340)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="separator">
|
||||
<rect x="1" y="1341" width="98" height="1" rx="0"
|
||||
fill="#3a3d41"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
GENERIC FRAME (y=1350)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="frame">
|
||||
<rect x="1" y="1351" width="98" height="78" rx="4"
|
||||
fill="none" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
GROUP BOX (y=1440)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="groupbox">
|
||||
<rect x="1" y="1441" width="98" height="78" rx="4"
|
||||
fill="none" stroke="#3a3d41" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
STATUS BAR (y=1530)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="statusbar">
|
||||
<rect x="1" y="1531" width="98" height="22" rx="0"
|
||||
fill="#1e1526" stroke="none"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
WINDOW / DIALOG BACKGROUND (y=1560)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="window">
|
||||
<rect x="1" y="1561" width="98" height="78" rx="0"
|
||||
fill="#1e1526"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
TITLEBAR (y=1650)
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
<g id="titlebar">
|
||||
<rect x="1" y="1651" width="98" height="30" rx="0"
|
||||
fill="#1e1526"/>
|
||||
</g>
|
||||
<g id="titlebar-inactive">
|
||||
<rect x="111" y="1651" width="98" height="30" rx="0"
|
||||
fill="#1a1a20"/>
|
||||
</g>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
ARROWS / INDICATORS (y=1700)
|
||||
Kvantum scales these as needed; drawn in NexusOS text colors
|
||||
════════════════════════════════════════════════════════════════ -->
|
||||
|
||||
<!-- generic arrow down (for combo, dropdowns) -->
|
||||
<g id="arrow-down">
|
||||
<path d="M2,1703 L8,1711 L14,1703 Z" fill="#a8a8a8"/>
|
||||
</g>
|
||||
<g id="arrow-down-hover">
|
||||
<path d="M2,1703 L8,1711 L14,1703 Z" fill="#f2f2f2"/>
|
||||
</g>
|
||||
<g id="arrow-down-pressed">
|
||||
<path d="M2,1703 L8,1711 L14,1703 Z" fill="#0a0a00"/>
|
||||
</g>
|
||||
<g id="arrow-down-disabled">
|
||||
<path d="M2,1703 L8,1711 L14,1703 Z" fill="#6e7173"/>
|
||||
</g>
|
||||
|
||||
<g id="arrow-up">
|
||||
<path d="M2,1721 L8,1713 L14,1721 Z" fill="#a8a8a8"/>
|
||||
</g>
|
||||
<g id="arrow-up-hover">
|
||||
<path d="M2,1721 L8,1713 L14,1721 Z" fill="#f2f2f2"/>
|
||||
</g>
|
||||
<g id="arrow-up-disabled">
|
||||
<path d="M2,1721 L8,1713 L14,1721 Z" fill="#6e7173"/>
|
||||
</g>
|
||||
|
||||
<g id="arrow-left">
|
||||
<path d="M15,1733 L7,1739 L15,1745 Z" fill="#a8a8a8"/>
|
||||
</g>
|
||||
<g id="arrow-left-hover">
|
||||
<path d="M15,1733 L7,1739 L15,1745 Z" fill="#f2f2f2"/>
|
||||
</g>
|
||||
<g id="arrow-left-disabled">
|
||||
<path d="M15,1733 L7,1739 L15,1745 Z" fill="#6e7173"/>
|
||||
</g>
|
||||
|
||||
<g id="arrow-right">
|
||||
<path d="M1,1753 L9,1759 L1,1765 Z" fill="#a8a8a8"/>
|
||||
</g>
|
||||
<g id="arrow-right-hover">
|
||||
<path d="M1,1753 L9,1759 L1,1765 Z" fill="#f2f2f2"/>
|
||||
</g>
|
||||
<g id="arrow-right-disabled">
|
||||
<path d="M1,1753 L9,1759 L1,1765 Z" fill="#6e7173"/>
|
||||
</g>
|
||||
|
||||
<!-- generic arrow (used by TreeExpander, SpinBox, ScrollArrow) -->
|
||||
<g id="arrow">
|
||||
<path d="M2,1773 L8,1781 L14,1773 Z" fill="#a8a8a8"/>
|
||||
</g>
|
||||
<g id="arrow-hover">
|
||||
<path d="M2,1773 L8,1781 L14,1773 Z" fill="#f2f2f2"/>
|
||||
</g>
|
||||
<g id="arrow-disabled">
|
||||
<path d="M2,1773 L8,1781 L14,1773 Z" fill="#6e7173"/>
|
||||
</g>
|
||||
|
||||
<!-- menuitem submenu arrow -->
|
||||
<g id="menuitem-arrow">
|
||||
<path d="M1,1793 L7,1799 L1,1805 Z" fill="#a8a8a8"/>
|
||||
</g>
|
||||
<g id="menuitem-arrow-hover">
|
||||
<path d="M1,1793 L7,1799 L1,1805 Z" fill="#f2f2f2"/>
|
||||
</g>
|
||||
<g id="menuitem-arrow-pressed">
|
||||
<path d="M1,1793 L7,1799 L1,1805 Z" fill="#0a0a00"/>
|
||||
</g>
|
||||
|
||||
<!-- tab close button indicator -->
|
||||
<g id="tab-close">
|
||||
<path d="M 0,0 L 8,8 M 8,0 L 0,8" transform="translate(1,1813)"
|
||||
fill="none" stroke="#a8a8a8" stroke-width="1.5"
|
||||
stroke-linecap="round"/>
|
||||
</g>
|
||||
<g id="tab-close-hover">
|
||||
<circle cx="5" cy="1821" r="7" fill="#da4453"/>
|
||||
<path d="M 0,0 L 8,8 M 8,0 L 0,8" transform="translate(1,1817)"
|
||||
fill="none" stroke="#ffffff" stroke-width="1.5"
|
||||
stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- size grip -->
|
||||
<g id="sizegrip">
|
||||
<path d="M6,1840 L12,1840 M10,1836 L12,1836 L12,1838 M4,1842 L12,1842"
|
||||
fill="none" stroke="#3a3d41" stroke-width="1" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 29 KiB |
Reference in New Issue
Block a user
GitNexus · part of the Nexus stack
