Added a setting to define the global color for borders. (#461)

This commit is contained in:
Jas Singh
2024-11-08 18:44:13 -08:00
committed by GitHub
parent 3cc3fa5d42
commit bc96dff485
56 changed files with 446 additions and 397 deletions

View File

@@ -168,6 +168,7 @@ const options = mkOptions(OPTIONS, {
style: opt<BarButtonStyles>('default'),
enableBorders: opt(false),
borderSize: opt('0.1em'),
borderColor: opt(colors.lavender),
monochrome: opt(false),
spacing: opt('0.25em'),
padding_x: opt('0.7rem'),

View File

@@ -54,7 +54,7 @@
.bar_item_box_visible.volume {
border: if(
$bar-buttons-volume-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-volume-border),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-volume-border),
0em
);
}

View File

@@ -57,7 +57,7 @@
.bar_item_box_visible.battery {
border: if(
$bar-buttons-battery-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-battery-border),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-battery-border),
0em
);
}

View File

@@ -65,7 +65,8 @@
.bar_item_box_visible.bluetooth {
border: if(
$bar-buttons-bluetooth-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-bluetooth-border),
$bar-buttons-borderSize solid
if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-bluetooth-border),
0em
);
}

View File

@@ -54,7 +54,7 @@
.bar_item_box_visible.clock {
border: if(
$bar-buttons-clock-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-clock-border),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-clock-border),
0em
);
}

View File

@@ -38,7 +38,7 @@
.bar_item_box_visible.media {
border: if(
$bar-buttons-media-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-media-border),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-media-border),
0em
);
}

View File

@@ -19,7 +19,8 @@
.bar_item_box_visible.dashboard {
border: if(
$bar-buttons-dashboard-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-dashboard-border),
$bar-buttons-borderSize solid
if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-dashboard-border),
0em
);
}

View File

@@ -53,7 +53,7 @@
.bar_item_box_visible.network {
border: if(
$bar-buttons-network-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-network-border),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-network-border),
0em
);
}

View File

@@ -64,7 +64,8 @@
.bar_item_box_visible.notifications {
border: if(
$bar-buttons-notifications-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-notifications-border),
$bar-buttons-borderSize solid
if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-notifications-border),
0em
);
}

View File

@@ -17,7 +17,7 @@
.bar_item_box_visible.systray {
border: if(
$bar-buttons-systray-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-systray-border),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-systray-border),
0em
);
}

View File

@@ -61,7 +61,8 @@
.bar_item_box_visible.windowtitle {
border: if(
$bar-buttons-windowtitle-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-windowtitle-border),
$bar-buttons-borderSize solid
if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-windowtitle-border),
0em
);
}

View File

@@ -86,7 +86,8 @@
.bar_item_box_visible.workspaces {
border: if(
$bar-buttons-workspaces-enableBorder or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-border),
$bar-buttons-borderSize solid
if($bar-buttons-monochrome, $bar-buttons-borderColor, $bar-buttons-workspaces-border),
0em
);
}

View File

@@ -60,7 +60,7 @@
);
border: if(
$borderEnabled or $bar-buttons-enableBorders,
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-icon, $borderColor),
$bar-buttons-borderSize solid if($bar-buttons-monochrome, $bar-buttons-borderColor, $borderColor),
0em
);

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#51576d",
"theme.bar.buttons.systray.customIcon": "#c6d0f5",
"theme.bar.border.color": "#babbf1",
"theme.bar.menus.menu.media.timestamp": "#c6d0f5"
"theme.bar.menus.menu.media.timestamp": "#c6d0f5",
"theme.bar.buttons.borderColor": "#babbf1"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#51576d",
"theme.bar.buttons.systray.customIcon": "#c6d0f5",
"theme.bar.border.color": "#babbf1",
"theme.bar.menus.menu.media.timestamp": "#c6d0f5"
"theme.bar.menus.menu.media.timestamp": "#c6d0f5",
"theme.bar.buttons.borderColor": "#babbf1"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#ca9ee6",
"theme.bar.buttons.systray.customIcon": "#c6d0f5",
"theme.bar.border.color": "#babbf1",
"theme.bar.menus.menu.media.timestamp": "#c6d0f5"
"theme.bar.menus.menu.media.timestamp": "#c6d0f5",
"theme.bar.buttons.borderColor": "#babbf1"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#bcc0cc",
"theme.bar.buttons.systray.customIcon": "#4c4f69",
"theme.bar.border.color": "#7287fd",
"theme.bar.menus.menu.media.timestamp": "#4c4f69"
"theme.bar.menus.menu.media.timestamp": "#4c4f69",
"theme.bar.buttons.borderColor": "#7287fd"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#bcc0cc",
"theme.bar.buttons.systray.customIcon": "#4c4f69",
"theme.bar.border.color": "#7287fd",
"theme.bar.menus.menu.media.timestamp": "#4c4f69"
"theme.bar.menus.menu.media.timestamp": "#4c4f69",
"theme.bar.buttons.borderColor": "#7287fd"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#8839ef",
"theme.bar.buttons.systray.customIcon": "#4c4f69",
"theme.bar.border.color": "#7287fd",
"theme.bar.menus.menu.media.timestamp": "#4c4f69"
"theme.bar.menus.menu.media.timestamp": "#4c4f69",
"theme.bar.buttons.borderColor": "#7287fd"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#494d64",
"theme.bar.buttons.systray.customIcon": "#cad3f5",
"theme.bar.border.color": "#b7bdf8",
"theme.bar.menus.menu.media.timestamp": "#cad3f5"
"theme.bar.menus.menu.media.timestamp": "#cad3f5",
"theme.bar.buttons.borderColor": "#b7bdf8"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#494d64",
"theme.bar.buttons.systray.customIcon": "#cad3f5",
"theme.bar.border.color": "#b7bdf8",
"theme.bar.menus.menu.media.timestamp": "#cad3f5"
"theme.bar.menus.menu.media.timestamp": "#cad3f5",
"theme.bar.buttons.borderColor": "#b7bdf8"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#c6a0f6",
"theme.bar.buttons.systray.customIcon": "#cad3f5",
"theme.bar.border.color": "#b7bdf8",
"theme.bar.menus.menu.media.timestamp": "#cad3f5"
"theme.bar.menus.menu.media.timestamp": "#cad3f5",
"theme.bar.buttons.borderColor": "#b7bdf8"
}

View File

@@ -316,6 +316,7 @@
"theme.bar.buttons.hover": "#45475a",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.background": "#242438",
"theme.bar.buttons.borderColor": "#b4befe",
"theme.bar.buttons.style": "default",
"theme.bar.background": "#11111b",
"theme.osd.label": "#b4beff",

View File

@@ -7,6 +7,7 @@
"theme.bar.buttons.text": "#b4befe",
"theme.bar.buttons.hover": "#45475a",
"theme.bar.buttons.background": "#242438",
"theme.bar.buttons.borderColor": "#b4befe",
"theme.bar.menus.text": "#cdd6f4",
"theme.bar.menus.border.color": "#313244",
"theme.bar.buttons.media.background": "#242438",

View File

@@ -324,6 +324,7 @@
"theme.bar.buttons.hover": "#45475a",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.background": "#242438",
"theme.bar.buttons.borderColor": "#b4befe",
"theme.bar.buttons.style": "default",
"theme.bar.background": "#11111b",
"theme.osd.label": "#b4beff",

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#333333",
"theme.bar.buttons.systray.customIcon": "#d1d1d1",
"theme.bar.border.color": "#f7d04b",
"theme.bar.menus.menu.media.timestamp": "#FFD700"
"theme.bar.menus.menu.media.timestamp": "#FFD700",
"theme.bar.buttons.borderColor": "#FFD700"
}

View File

@@ -343,5 +343,7 @@
"theme.bar.menus.menu.network.switch.puck": "#333333",
"theme.bar.buttons.systray.customIcon": "#d1d1d1",
"theme.bar.border.color": "#f7d04b",
"theme.bar.menus.menu.media.timestamp": "#FFD700"
"theme.bar.menus.menu.media.timestamp": "#FFD700",
"theme.bar.buttons.borderColor": "#f7d04b"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#FF69B4",
"theme.bar.buttons.systray.customIcon": "#d1d1d1",
"theme.bar.border.color": "#f7d04b",
"theme.bar.menus.menu.media.timestamp": "#FFD700"
"theme.bar.menus.menu.media.timestamp": "#FFD700",
"theme.bar.buttons.borderColor": "#FFD700"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#44475a",
"theme.bar.buttons.systray.customIcon": "#f8f8f2",
"theme.bar.border.color": "#bd93f9",
"theme.bar.menus.menu.media.timestamp": "#f8f8f2"
"theme.bar.menus.menu.media.timestamp": "#f8f8f2",
"theme.bar.buttons.borderColor": "#bd93f9"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#44475a",
"theme.bar.buttons.systray.customIcon": "#f8f8f2",
"theme.bar.border.color": "#bd93f9",
"theme.bar.menus.menu.media.timestamp": "#f8f8f2"
"theme.bar.menus.menu.media.timestamp": "#f8f8f2",
"theme.bar.buttons.borderColor": "#bd93f9"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#bd93f9",
"theme.bar.buttons.systray.customIcon": "#f8f8f2",
"theme.bar.border.color": "#bd93f9",
"theme.bar.menus.menu.media.timestamp": "#f8f8f2"
"theme.bar.menus.menu.media.timestamp": "#f8f8f2",
"theme.bar.buttons.borderColor": "#bd93f9"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#454b53",
"theme.bar.buttons.systray.customIcon": "#d8caac",
"theme.bar.border.color": "#83c092",
"theme.bar.menus.menu.media.timestamp": "#d3c6aa"
"theme.bar.menus.menu.media.timestamp": "#d3c6aa",
"theme.bar.buttons.borderColor": "#a7c080"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#454b53",
"theme.bar.buttons.systray.customIcon": "#d8caac",
"theme.bar.border.color": "#83c092",
"theme.bar.menus.menu.media.timestamp": "#d3c6aa"
"theme.bar.menus.menu.media.timestamp": "#d3c6aa",
"theme.bar.buttons.borderColor": "#a7c080"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#e69875",
"theme.bar.buttons.systray.customIcon": "#d8caac",
"theme.bar.border.color": "#83c092",
"theme.bar.menus.menu.media.timestamp": "#d3c6aa"
"theme.bar.menus.menu.media.timestamp": "#d3c6aa",
"theme.bar.buttons.borderColor": "#a7c080"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#504945",
"theme.bar.buttons.systray.customIcon": "#ebdbb2",
"theme.bar.border.color": "#83a598",
"theme.bar.menus.menu.media.timestamp": "#ebdbb2"
"theme.bar.menus.menu.media.timestamp": "#ebdbb2",
"theme.bar.buttons.borderColor": "#83a598"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#504945",
"theme.bar.buttons.systray.customIcon": "#ebdbb2",
"theme.bar.border.color": "#83a598",
"theme.bar.menus.menu.media.timestamp": "#ebdbb2"
"theme.bar.menus.menu.media.timestamp": "#ebdbb2",
"theme.bar.buttons.borderColor": "#83a598"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#b16286",
"theme.bar.buttons.systray.customIcon": "#ebdbb2",
"theme.bar.border.color": "#83a598",
"theme.bar.menus.menu.media.timestamp": "#ebdbb2"
"theme.bar.menus.menu.media.timestamp": "#ebdbb2",
"theme.bar.buttons.borderColor": "#83a598"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#333333",
"theme.bar.buttons.systray.customIcon": "#FFFFFF",
"theme.bar.border.color": "#FFFFFF",
"theme.bar.menus.menu.media.timestamp": "#FFFFFF"
"theme.bar.menus.menu.media.timestamp": "#FFFFFF",
"theme.bar.buttons.borderColor": "#FFFFFF"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#333333",
"theme.bar.buttons.systray.customIcon": "#FFFFFF",
"theme.bar.border.color": "#FFFFFF",
"theme.bar.menus.menu.media.timestamp": "#FFFFFF"
"theme.bar.menus.menu.media.timestamp": "#FFFFFF",
"theme.bar.buttons.borderColor": "#FFFFFF"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#FFFFFF",
"theme.bar.buttons.systray.customIcon": "#FFFFFF",
"theme.bar.border.color": "#FFFFFF",
"theme.bar.menus.menu.media.timestamp": "#FFFFFF"
"theme.bar.menus.menu.media.timestamp": "#FFFFFF",
"theme.bar.buttons.borderColor": "#FFFFFF"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#434c53",
"theme.bar.buttons.systray.customIcon": "#d8dee9",
"theme.bar.border.color": "#88c0d0",
"theme.bar.menus.menu.media.timestamp": "#d8dee9"
"theme.bar.menus.menu.media.timestamp": "#d8dee9",
"theme.bar.buttons.borderColor": "#88c0d0"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#434c53",
"theme.bar.buttons.systray.customIcon": "#d8dee9",
"theme.bar.border.color": "#88c0d0",
"theme.bar.menus.menu.media.timestamp": "#d8dee9"
"theme.bar.menus.menu.media.timestamp": "#d8dee9",
"theme.bar.buttons.borderColor": "#88c0d0"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#88c0d0",
"theme.bar.buttons.systray.customIcon": "#d8dee9",
"theme.bar.border.color": "#88c0d0",
"theme.bar.menus.menu.media.timestamp": "#d8dee9"
"theme.bar.menus.menu.media.timestamp": "#d8dee9",
"theme.bar.buttons.borderColor": "#88c0d0"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#4b5263",
"theme.bar.buttons.systray.customIcon": "#abb2bf",
"theme.bar.border.color": "#61afef",
"theme.bar.menus.menu.media.timestamp": "#abb2bf"
"theme.bar.menus.menu.media.timestamp": "#abb2bf",
"theme.bar.buttons.borderColor": "#61afef"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#4b5263",
"theme.bar.buttons.systray.customIcon": "#abb2bf",
"theme.bar.border.color": "#61afef",
"theme.bar.menus.menu.media.timestamp": "#abb2bf"
"theme.bar.menus.menu.media.timestamp": "#abb2bf",
"theme.bar.buttons.borderColor": "#61afef"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#c678dd",
"theme.bar.buttons.systray.customIcon": "#abb2bf",
"theme.bar.border.color": "#61afef",
"theme.bar.menus.menu.media.timestamp": "#abb2bf"
"theme.bar.menus.menu.media.timestamp": "#abb2bf",
"theme.bar.buttons.borderColor": "#61afef"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#26233a",
"theme.bar.buttons.systray.customIcon": "#e0def4",
"theme.bar.border.color": "#c4a7e7",
"theme.bar.menus.menu.media.timestamp": "#e0def4"
"theme.bar.menus.menu.media.timestamp": "#e0def4",
"theme.bar.buttons.borderColor": "#c4a7e7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#393552",
"theme.bar.buttons.systray.customIcon": "#e0def4",
"theme.bar.border.color": "#c4a7e7",
"theme.bar.menus.menu.media.timestamp": "#e0def4"
"theme.bar.menus.menu.media.timestamp": "#e0def4",
"theme.bar.buttons.borderColor": "#c4a7e7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#393552",
"theme.bar.buttons.systray.customIcon": "#e0def4",
"theme.bar.border.color": "#c4a7e7",
"theme.bar.menus.menu.media.timestamp": "#e0def4"
"theme.bar.menus.menu.media.timestamp": "#e0def4",
"theme.bar.buttons.borderColor": "#c4a7e7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#c4a7e7",
"theme.bar.buttons.systray.customIcon": "#e0def4",
"theme.bar.border.color": "#c4a7e7",
"theme.bar.menus.menu.media.timestamp": "#e0def4"
"theme.bar.menus.menu.media.timestamp": "#e0def4",
"theme.bar.buttons.borderColor": "#c4a7e7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#26233a",
"theme.bar.buttons.systray.customIcon": "#e0def4",
"theme.bar.border.color": "#c4a7e7",
"theme.bar.menus.menu.media.timestamp": "#e0def4"
"theme.bar.menus.menu.media.timestamp": "#e0def4",
"theme.bar.buttons.borderColor": "#c4a7e7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#c4a7e7",
"theme.bar.buttons.systray.customIcon": "#e0def4",
"theme.bar.border.color": "#c4a7e7",
"theme.bar.menus.menu.media.timestamp": "#e0def4"
"theme.bar.menus.menu.media.timestamp": "#e0def4",
"theme.bar.buttons.borderColor": "#c4a7e7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#565f89",
"theme.bar.buttons.systray.customIcon": "#c0caf5",
"theme.bar.border.color": "#bb9af7",
"theme.bar.menus.menu.media.timestamp": "#c0caf5"
"theme.bar.menus.menu.media.timestamp": "#c0caf5",
"theme.bar.buttons.borderColor": "#bb9af7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.puck": "#565f89",
"theme.bar.buttons.systray.customIcon": "#c0caf5",
"theme.bar.border.color": "#bb9af7",
"theme.bar.menus.menu.media.timestamp": "#c0caf5"
"theme.bar.menus.menu.media.timestamp": "#c0caf5",
"theme.bar.buttons.borderColor": "#bb9af7"
}

View File

@@ -343,5 +343,6 @@
"theme.bar.menus.menu.network.switch.enabled": "#bb9af7",
"theme.bar.buttons.systray.customIcon": "#c0caf5",
"theme.bar.border.color": "#bb9af7",
"theme.bar.menus.menu.media.timestamp": "#c0caf5"
"theme.bar.menus.menu.media.timestamp": "#c0caf5",
"theme.bar.buttons.borderColor": "#bb9af7"
}

View File

@@ -69,7 +69,7 @@ export const BarTheme = (): Scrollable<Child, Attribute> => {
disabledBinding: options.theme.matugen,
}),
Option({ opt: options.theme.bar.buttons.background, title: 'Button Background', type: 'color' }),
Option({ opt: options.theme.bar.buttons.hover, title: 'Button Hover', type: 'color' }),
Option({ opt: options.theme.bar.buttons.borderColor, title: 'Button Border', type: 'color' }),
Option({ opt: options.theme.bar.buttons.text, title: 'Button Text', type: 'color' }),
Option({ opt: options.theme.bar.buttons.icon, title: 'Button Icon', type: 'color' }),
Option({