by roundabout, Saturday, 19 May 2018, 03:20:52 (1526700052), pushed by roundabout, Sunday, 11 May 2025, 13:22:24 (1746969744)
Author identity: nana-4 <hnmaigo@gmail.com>
57d6ecc133a7d2110c445d60ab03bf143fee5be5
src/_sass/_colors.scss
@@ -63,10 +63,10 @@ $semi_fill_color: gtkalpha(currentColor, 0.12);
$row_fill_color: gtkalpha(currentColor, 0.06);
// Misc colors
$primary_color: $google_blue_color;
$alt_primary_color: #7BAAF7;
$accent_color: #01A299;
$disabled_accent_color: rgba($accent_color, 0.5);
$primary_color: $google_blue_color;
$alt_primary_color: #7BAAF7;
$secondary_color: #01A299;
$disabled_secondary_color: rgba($secondary_color, 0.5);
$link_color: $primary_color;
$visited_link_color: $purple_A200;
@@ -75,7 +75,7 @@ $warning_color: $google_yellow_color;
$error_color: $google_red_color;
$success_color: $google_green_color;
$suggested_color: $accent_color;
$suggested_color: $secondary_color;
$destructive_color: $google_red_color;
$info_bg_color: $google_green_color;
src/_sass/cinnamon/_common.scss
@@ -218,13 +218,13 @@ StScrollView {
.panel-top {
.window-list-item-box {
&:hover {
box-shadow: 0 3px 0 0 $accent-color inset;
box-shadow: 0 3px 0 0 $secondary_color inset;
}
&:active, &:checked, &:focus {
background-color: $titlebar_track_color;
color: $titlebar_fg_color;
&:hover {
box-shadow: 0 3px 0 0 $accent-color inset;
box-shadow: 0 3px 0 0 $secondary_color inset;
}
}
}
@@ -233,38 +233,38 @@ StScrollView {
}
.workspace-graph, .workspace-button {;
&:hover {
box-shadow: 0 3px 0 0 $accent-color inset;
box-shadow: 0 3px 0 0 $secondary_color inset;
}
}
.applet-box {
padding: 1px 4px;
margin: 1px 0;
&:hover {
box-shadow: 0 3px 0 0 $accent-color inset;
box-shadow: 0 3px 0 0 $secondary_color inset;
}
}
.applet-label {
}
.panel-launchers .launcher:hover {
box-shadow: 0 3px 0 0 $accent-color inset;
box-shadow: 0 3px 0 0 $secondary_color inset;
}
.applet-separator {
padding: 3px 4px;
}
.systray:hover {
box-shadow: 0 4px 0 0 $accent-color inset;
box-shadow: 0 4px 0 0 $secondary_color inset;
}
}
.panel-bottom {
.window-list-item-box {
&:hover {
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
&:active, &:checked, &:focus {
background-color: $titlebar_track_color;
color: $titlebar_fg_color;
&:hover {
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
}
}
@@ -273,38 +273,38 @@ StScrollView {
}
.workspace-graph, .workspace-button {;
&:hover {
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
}
.applet-box {
padding: 1px 4px;
margin: 1px 0;
&:hover {
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
}
.applet-label {
}
.panel-launchers .launcher:hover {
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
.applet-separator {
padding: 3px 4px;
}
.systray:hover {
box-shadow: 0 4px 0 0 $accent-color inset;
box-shadow: 0 4px 0 0 $secondary_color inset;
}
}
.panel-left {
.window-list-item-box {
&:hover {
box-shadow: 3px 0 0 0 $accent-color inset;
box-shadow: 3px 0 0 0 $secondary_color inset;
}
&:active, &:checked, &:focus {
background-color: $titlebar_track_color;
color: $titlebar_fg_color;
&:hover {
box-shadow: 3px 0 0 0 $accent-color inset;
box-shadow: 3px 0 0 0 $secondary_color inset;
}
}
}
@@ -313,38 +313,38 @@ StScrollView {
}
.workspace-graph, .workspace-button {;
&:hover {
box-shadow: 3px 0 0 0 $accent-color inset;
box-shadow: 3px 0 0 0 $secondary_color inset;
}
}
.applet-box {
padding: 4px 1px;
margin: 0 1px;
&:hover {
box-shadow: 3px 0 0 0 $accent-color inset;
box-shadow: 3px 0 0 0 $secondary_color inset;
}
}
.applet-label {
}
.panel-launchers .launcher:hover {
box-shadow: 3px 0 0 0 $accent-color inset;
box-shadow: 3px 0 0 0 $secondary_color inset;
}
.applet-separator {
padding: 4px 3px;
}
.systray:hover {
box-shadow: 4px 0 0 0 $accent-color inset;
box-shadow: 4px 0 0 0 $secondary_color inset;
}
}
.panel-right {
.window-list-item-box {
&:hover {
box-shadow: -3px 0 0 0 $accent-color inset;
box-shadow: -3px 0 0 0 $secondary_color inset;
}
&:active, &:checked, &:focus {
background-color: $titlebar_track_color;
color: $titlebar_fg_color;
&:hover {
box-shadow: -3px 0 0 0 $accent-color inset;
box-shadow: -3px 0 0 0 $secondary_color inset;
}
}
}
@@ -353,26 +353,26 @@ StScrollView {
}
.workspace-graph, .workspace-button {;
&:hover {
box-shadow: -3px 0 0 0 $accent-color inset;
box-shadow: -3px 0 0 0 $secondary_color inset;
}
}
.applet-box {
padding: 4px 1px;
margin: 0 1px;
&:hover {
box-shadow: -3px 0 0 0 $accent-color inset;
box-shadow: -3px 0 0 0 $secondary_color inset;
}
}
.applet-label {
}
.panel-launchers .launcher:hover {
box-shadow: -3px 0 0 0 $accent-color inset;
box-shadow: -3px 0 0 0 $secondary_color inset;
}
.applet-separator {
padding: 4px 3px;
}
.systray:hover {
box-shadow: -4px 0 0 0 $accent-color inset;
box-shadow: -4px 0 0 0 $secondary_color inset;
}
}
// keyboard layout applet
@@ -421,7 +421,7 @@ StScrollView {
-cinnamon-caption-spacing: 12px;
&#selected {
color: $titlebar_fg_color;
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
}
.workspace-controls {
@@ -480,7 +480,7 @@ StScrollView {
.expo-workspace-thumbnail-frame {
border: 1px solid $border_color;
&#active {
border: 1px solid $accent_color;
border: 1px solid $secondary_color;
}
}
// dialog box for the cinnamon debug utility
@@ -547,7 +547,7 @@ StScrollView {
&:hover,&:focus { background-color: $track_color; }
&:active {
color: $inverse_fg_color;
background-color: $accent_color;
background-color: $secondary_color;
border-color: transparent;
}
}
@@ -736,7 +736,7 @@ StScrollView {
width: 104px;
height: 104px;
background-image: url(assets/corner-ripple.png);
background-color: $accent_color;
background-color: $secondary_color;
border-radius: 52px;
}
// on screen messages and input boxes
@@ -1221,7 +1221,7 @@ StScrollView {
}
}
.desklet-drag-placeholder {
border: 2px solid $accent_color;
border: 2px solid $secondary_color;
background-color: $alt_panel_bg_color;
border-radius: 2px;
}
@@ -1283,10 +1283,10 @@ StScrollView {
}
&:focus {
color: $titlebar_fg_color;
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
&:hover {
box-shadow: 0 -3px 0 0 $accent-color inset;
box-shadow: 0 -3px 0 0 $secondary_color inset;
}
}
.notification-applet-padding {
@@ -1338,7 +1338,7 @@ StScrollView {
}
}
.flashspot {
background-color: $accent_color;
background-color: $secondary_color;
}
// displayed when media keys are pressed.
.osd-window {
@@ -1353,7 +1353,7 @@ StScrollView {
}
.level-bar {
border-radius: 0.3em;
background-color: $accent_color;
background-color: $secondary_color;
}
}
// on screen preview of windows tiling placement
src/_sass/cinnamon/_extends.scss
@@ -24,11 +24,11 @@
}
%slider-shared {
height: 20px;
color: $accent_color;
color: $secondary_color;
-slider-height: 2px;
-slider-background-color: $track_color; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $accent_color; //active trough fill
-slider-active-background-color: $secondary_color; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
@@ -122,7 +122,7 @@
}
%tile-shared-snap {
background-color: $alt_panel_bg_color;
border: 2px solid $accent_color;
border: 2px solid $secondary_color;
}
%osd-panel-shared {
color: $fg_color;
src/_sass/gnome-shell/_common-3.18.scss
@@ -151,11 +151,11 @@ StScrollBar {
.slider {
height: 20px;
color: $accent_color;
color: $secondary_color;
-slider-height: 2px;
-slider-background-color: $track_color; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $accent_color; //active trough fill
-slider-active-background-color: $secondary_color; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
@@ -192,10 +192,10 @@ StScrollBar {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($accent_color, 0.12);
background-color: rgba($secondary_color, 0.12);
}
&:active:checked StBin {
background-color: rgba($accent_color, 0.24);
background-color: rgba($secondary_color, 0.24);
}
}
src/_sass/gnome-shell/_common-3.24.scss
@@ -151,11 +151,11 @@ StScrollBar {
.slider {
height: 20px;
color: $accent_color;
color: $secondary_color;
-slider-height: 2px;
-slider-background-color: $track_color; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $accent_color; //active trough fill
-slider-active-background-color: $secondary_color; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
@@ -192,10 +192,10 @@ StScrollBar {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($accent_color, 0.12);
background-color: rgba($secondary_color, 0.12);
}
&:active:checked StBin {
background-color: rgba($accent_color, 0.24);
background-color: rgba($secondary_color, 0.24);
}
}
src/_sass/gnome-shell/_common-3.26.scss
@@ -151,11 +151,11 @@ StScrollBar {
.slider {
height: 20px;
color: $accent_color;
color: $secondary_color;
-slider-height: 2px;
-slider-background-color: $track_color; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $accent_color; //active trough fill
-slider-active-background-color: $secondary_color; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
@@ -192,10 +192,10 @@ StScrollBar {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($accent_color, 0.12);
background-color: rgba($secondary_color, 0.12);
}
&:active:checked StBin {
background-color: rgba($accent_color, 0.24);
background-color: rgba($secondary_color, 0.24);
}
}
src/_sass/gnome-shell/_common-3.28.scss
@@ -151,11 +151,11 @@ StScrollBar {
.slider {
height: 20px;
color: $accent_color;
color: $secondary_color;
-slider-height: 2px;
-slider-background-color: $track_color; //background of the trough
-slider-border-color: transparent; //trough border color
-slider-active-background-color: $accent_color; //active trough fill
-slider-active-background-color: $secondary_color; //active trough fill
-slider-active-border-color: transparent; //active trough border
-slider-border-width: 0;
-slider-handle-radius: 6px;
@@ -192,10 +192,10 @@ StScrollBar {
background-image: url("assets/checkbox.svg");
}
&:hover:checked StBin {
background-color: rgba($accent_color, 0.12);
background-color: rgba($secondary_color, 0.12);
}
&:active:checked StBin {
background-color: rgba($accent_color, 0.24);
background-color: rgba($secondary_color, 0.24);
}
}
src/_sass/gtk/_apps-3.18.scss
@@ -60,11 +60,11 @@ EelEditableLabel.entry { transition: none; }
100% {background-color: transparent; }
}
.nautilus-operations-button-needs-attention {
color: $accent_color;
color: $secondary_color;
animation: needs_attention_keyframes 2s $standard_curve;
}
.nautilus-operations-button-needs-attention-multiple {
color: $accent_color;
color: $secondary_color;
animation: needs_attention_keyframes 2s $standard_curve;
animation-iteration-count: 2;
}
src/_sass/gtk/_common-3.18.scss
@@ -269,14 +269,14 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to($accent_color),
to($secondary_color),
to(transparent));
}
to {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to($accent_color),
to($secondary_color),
to(transparent));
}
}
@@ -1383,9 +1383,9 @@ GtkSwitch {
color: $divider_color;
}
&:active {
background-color: rgba($accent_color, 0.5);
background-color: rgba($secondary_color, 0.5);
&:insensitive {
background-color: rgba($accent_color, 0.3);
background-color: rgba($secondary_color, 0.3);
}
}
}
@@ -1394,7 +1394,7 @@ GtkSwitch {
border-radius: 100px;
@include entry(normal);
&:hover { @include entry(focus); }
&:active { background-color: $accent_color; }
&:active { background-color: $secondary_color; }
&:insensitive { @include entry(insensitive); }
}
.list-row:selected & {
@@ -1500,7 +1500,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
&.slider {
// @include entry(normal);
// border-radius: 50%;
// background-color: $accent_color;
// background-color: $secondary_color;
@each $s,$as in ('', ''),
(':insensitive', '-disabled') {
&.slider#{$s} {
@@ -1534,7 +1534,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
margin: 11px 12px;
background-color: $fill_color;
&.highlight {
background-color: $accent_color;
background-color: $secondary_color;
&:insensitive { background-color: $fill_color; }
}
&:insensitive { color: $disabled_fg_color; }
@@ -1937,7 +1937,7 @@ GtkPlacesSidebar.sidebar {
}
.sidebar-new-bookmark-row {
color: $accent_color;
color: $secondary_color;
}
@at-root .sidebar-button.button { // @at-root needded to not change the specificity making button styling inheritance broken
@@ -2285,7 +2285,7 @@ GtkVolumeButton.button {
//touch selection handlebars for the Popover.osd above
.entry.cursor-handle,
.cursor-handle {
background-color: $accent_color;
background-color: $secondary_color;
background-image: none;
box-shadow: none;
border-style: none;
src/_sass/gtk/_common-3.20.scss
@@ -293,7 +293,7 @@ entry {
}
&:drop(active) {
// box-shadow: inset 0 0 0 2px $accent_color;
// box-shadow: inset 0 0 0 2px $secondary_color;
}
.osd & {
@@ -375,7 +375,7 @@ treeview entry {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to($accent_color),
to($secondary_color),
to(transparent));
}
@@ -383,7 +383,7 @@ treeview entry {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to($accent_color),
to($secondary_color),
to(transparent));
}
}
@@ -467,7 +467,7 @@ button {
}
&:drop(active) {
// box-shadow: inset 0 0 0 2px $accent_color;
// box-shadow: inset 0 0 0 2px $secondary_color;
}
}
@@ -1373,7 +1373,7 @@ treeview.view {
&:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: $accent_color;
border-color: $secondary_color;
&.after { border-top-style: none; }
@@ -2039,7 +2039,7 @@ switch {
background-clip: padding-box;
font-size: 0;
&:checked { background-color: rgba($accent_color, 0.5); }
&:checked { background-color: rgba($secondary_color, 0.5); }
&:disabled { opacity: 0.5; }
@@ -2061,8 +2061,8 @@ switch {
&:focus:hover slider { box-shadow: 0 0 0 10px gtkalpha(currentColor, 0.24), $shadow_1; }
&:checked slider {
background-color: $accent_color;
color: $accent_color;
background-color: $secondary_color;
color: $secondary_color;
}
row:selected & {
@@ -2130,9 +2130,9 @@ radio {
&:hover { box-shadow: inset 0 0 0 9999px $semi_fill_color; }
&:checked, &:indeterminate {
color: $accent_color;
color: $secondary_color;
&:disabled { color: $disabled_accent_color; }
&:disabled { color: $disabled_secondary_color; }
}
// &:only-child { margin: -12px; }
@@ -2209,7 +2209,7 @@ radio {
border-image-source: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to($accent_color),
to($secondary_color),
to(transparent));
}
@@ -2217,7 +2217,7 @@ radio {
border-image-source: -gtk-gradient(radial,
center center, 0,
center center, $radio_indicator,
to($accent_color),
to($secondary_color),
to(transparent));
}
@@ -2225,7 +2225,7 @@ radio {
border-image-source: -gtk-gradient(radial,
center center, 0,
center center, $radio_indicator,
to($disabled_accent_color),
to($disabled_secondary_color),
to(transparent));
}
}
@@ -2307,9 +2307,9 @@ treeview.view radio {
&:disabled { color: $disabled_secondary_fg_color; }
&:checked, &:indeterminate { color: $accent_color; }
&:checked, &:indeterminate { color: $secondary_color; }
&:checked:disabled, &:indeterminate:disabled { color: $disabled_accent_color; }
&:checked:disabled, &:indeterminate:disabled { color: $disabled_secondary_color; }
}
&:selected {
@@ -2319,9 +2319,9 @@ treeview.view radio {
&:disabled { color: $inverse_disabled_secondary_fg_color; }
&:checked, &:indeterminate { color: $accent_color; }
&:checked, &:indeterminate { color: $secondary_color; }
&:checked:disabled, &:indeterminate:disabled { color: $disabled_accent_color; }
&:checked:disabled, &:indeterminate:disabled { color: $disabled_secondary_color; }
}
}
@@ -2394,7 +2394,7 @@ scale {
// the colored part of the backing bit
highlight {
transition: background-color $longer_duration $deceleration_curve;
background-color: $accent_color;
background-color: $secondary_color;
&:disabled { background-color: transparent; }
}
@@ -2430,9 +2430,9 @@ scale {
}
}
&:focus { background-color: rgba($accent_color, 0.16); }
&:focus { background-color: rgba($secondary_color, 0.16); }
&:hover { background-color: rgba($accent_color, 0.12); }
&:hover { background-color: rgba($secondary_color, 0.12); }
&:active {
transition: background-color $longer_duration $deceleration_curve,
@@ -2440,8 +2440,8 @@ scale {
background-image 0;
animation: scale_ripple_effect $longer_duration $deceleration_curve forwards;
background-size: auto, 0% 0%;
background-color: rgba($accent_color, 0.12);
color: rgba($accent_color, 0.12);
background-color: rgba($secondary_color, 0.12);
color: rgba($secondary_color, 0.12);
}
}
@@ -3014,17 +3014,17 @@ placessidebar {
&.sidebar-placeholder-row {
min-height: 2px;
padding: 0 8px;
background-image: image($accent_color);
background-image: image($secondary_color);
background-clip: content-box;
}
&.sidebar-new-bookmark-row { color: $accent_color; }
&.sidebar-new-bookmark-row { color: $secondary_color; }
&:drop(active):not(:disabled) {
box-shadow: inset 0 0 0 2px $accent_color;
box-shadow: inset 0 0 0 2px $secondary_color;
&:selected {
// background-color: $accent_color;
// background-color: $secondary_color;
// color: $inverse_fg_color;
}
}
@@ -3239,9 +3239,9 @@ colorswatch {
&:drop(active) {
box-shadow: none;
&.light overlay { box-shadow: $shadow_1, 0 0 0 2px $accent_color; }
&.light overlay { box-shadow: $shadow_1, 0 0 0 2px $secondary_color; }
&.dark overlay { box-shadow: $shadow_1, 0 0 0 2px $accent_color; }
&.dark overlay { box-shadow: $shadow_1, 0 0 0 2px $secondary_color; }
}
overlay {
@@ -3413,7 +3413,7 @@ button.titlebutton {
// touch selection handlebars for the Popover.osd above
cursor-handle {
border-radius: $circular_radius;
background-color: $accent_color;
background-color: $secondary_color;
background-image: none;
&.top:dir(ltr), &.bottom:dir(rtl) {
@@ -3457,8 +3457,8 @@ cursor-handle {
:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die
transition: $longer_transition;
box-shadow: $shadow_1, inset 0 0 0 2px $accent_color;
caret-color: $accent_color;
box-shadow: $shadow_1, inset 0 0 0 2px $secondary_color;
caret-color: $secondary_color;
}
stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons
src/_sass/gtk/apps/_gnome-3.20.scss
@@ -491,7 +491,7 @@ GdMainIconView.content-view {
margin: 8px;
border-radius: $circular_radius;
box-shadow: $shadow_2;
background-color: $accent_color;
background-color: $secondary_color;
color: $inverse_fg_color;
font-weight: bold;
}
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -717,7 +717,7 @@ GdMainIconView.content-view {
margin: 8px;
border-radius: $circular_radius;
box-shadow: $shadow_2;
background-color: $accent_color;
background-color: $secondary_color;
color: $inverse_fg_color;
font-weight: bold;
}
src/gtk-2.0/assets-dark.svg
@@ -30,11 +30,11 @@
<stop stop-color="#4285F4"/>
</linearGradient>
<linearGradient id="color-accent">
<linearGradient id="color-secondary">
<stop stop-color="#01A299"/>
</linearGradient>
<linearGradient id="color-accent-insensitive">
<linearGradient id="color-secondary-insensitive">
<stop stop-color="#01A299" stop-opacity="0.5"/>
</linearGradient>
@@ -260,17 +260,17 @@
<g id="base-scale-slider">
<circle cx="12" cy="12" r="12" opacity="0"/>
<circle cx="12" cy="12" r="6" fill="url(#color-accent)"/>
<circle cx="12" cy="12" r="6" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-hover">
<circle cx="12" cy="12" r="12" fill="url(#color-accent)" opacity="0.12"/>
<circle cx="12" cy="12" r="6" fill="url(#color-accent)"/>
<circle cx="12" cy="12" r="12" fill="url(#color-secondary)" opacity="0.12"/>
<circle cx="12" cy="12" r="6" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-active">
<circle cx="12" cy="12" r="12" fill="url(#color-accent)" opacity="0.24"/>
<circle cx="12" cy="12" r="6" fill="url(#color-accent)"/>
<circle cx="12" cy="12" r="12" fill="url(#color-secondary)" opacity="0.24"/>
<circle cx="12" cy="12" r="6" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-insensitive">
@@ -465,48 +465,48 @@
<use x="8" y="156" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="checkbox-unchecked-active"/>
<use x="8" y="188" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="checkbox-unchecked-insensitive"/>
<use x="40" y="92" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0" id="checkbox-checked"/>
<use x="40" y="124" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-checked-hover"/>
<use x="40" y="156" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-checked-active"/>
<use x="40" y="188" xlink:href="#base-checkbox-checked" fill="url(#color-accent-insensitive)" fill-opacity="0" id="checkbox-checked-insensitive"/>
<use x="40" y="92" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-checked"/>
<use x="40" y="124" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-checked-hover"/>
<use x="40" y="156" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-checked-active"/>
<use x="40" y="188" xlink:href="#base-checkbox-checked" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="checkbox-checked-insensitive"/>
<use x="72" y="92" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0" id="checkbox-mixed"/>
<use x="72" y="124" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
<use x="72" y="156" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-mixed-active"/>
<use x="72" y="188" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-insensitive)" fill-opacity="0" id="checkbox-mixed-insensitive"/>
<use x="72" y="92" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-mixed"/>
<use x="72" y="124" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
<use x="72" y="156" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-mixed-active"/>
<use x="72" y="188" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="checkbox-mixed-insensitive"/>
<use x="104" y="92" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary)" fill-opacity="0" id="radio-unchecked"/>
<use x="104" y="124" xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.12" id="radio-unchecked-hover"/>
<use x="104" y="156" xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="radio-unchecked-active"/>
<use x="104" y="188" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="radio-unchecked-insensitive"/>
<use x="136" y="92" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0" id="radio-checked"/>
<use x="136" y="124" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.12" id="radio-checked-hover"/>
<use x="136" y="156" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.24" id="radio-checked-active"/>
<use x="136" y="188" xlink:href="#base-radio-checked" fill="url(#color-accent-insensitive)" fill-opacity="0" id="radio-checked-insensitive"/>
<use x="136" y="92" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0" id="radio-checked"/>
<use x="136" y="124" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-checked-hover"/>
<use x="136" y="156" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-checked-active"/>
<use x="136" y="188" xlink:href="#base-radio-checked" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="radio-checked-insensitive"/>
<use x="168" y="92" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0" id="radio-mixed"/>
<use x="168" y="124" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="radio-mixed-hover"/>
<use x="168" y="156" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="radio-mixed-active"/>
<use x="168" y="188" xlink:href="#base-radio-mixed" fill="url(#color-accent-insensitive)" fill-opacity="0" id="radio-mixed-insensitive"/>
<use x="168" y="92" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0" id="radio-mixed"/>
<use x="168" y="124" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-mixed-hover"/>
<use x="168" y="156" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-mixed-active"/>
<use x="168" y="188" xlink:href="#base-radio-mixed" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="radio-mixed-insensitive"/>
<use x="12" y="220" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary)" id="menu-checkbox-unchecked"/>
<use x="12" y="244" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-checkbox-unchecked-insensitive"/>
<use x="44" y="220" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent)" id="menu-checkbox-checked"/>
<use x="44" y="244" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent-insensitive)" id="menu-checkbox-checked-insensitive"/>
<use x="44" y="220" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary)" id="menu-checkbox-checked"/>
<use x="44" y="244" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary-insensitive)" id="menu-checkbox-checked-insensitive"/>
<use x="76" y="220" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent)" id="menu-checkbox-mixed"/>
<use x="76" y="244" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent-insensitive)" id="menu-checkbox-mixed-insensitive"/>
<use x="76" y="220" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary)" id="menu-checkbox-mixed"/>
<use x="76" y="244" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary-insensitive)" id="menu-checkbox-mixed-insensitive"/>
<use x="108" y="220" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary)" id="menu-radio-unchecked"/>
<use x="108" y="244" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-radio-unchecked-insensitive"/>
<use x="140" y="220" xlink:href="#base-menu-radio-checked" fill="url(#color-accent)" id="menu-radio-checked"/>
<use x="140" y="244" xlink:href="#base-menu-radio-checked" fill="url(#color-accent-insensitive)" id="menu-radio-checked-insensitive"/>
<use x="140" y="220" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary)" id="menu-radio-checked"/>
<use x="140" y="244" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary-insensitive)" id="menu-radio-checked-insensitive"/>
<use x="172" y="220" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent)" id="menu-radio-mixed"/>
<use x="172" y="244" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent-insensitive)" id="menu-radio-mixed-insensitive"/>
<use x="172" y="220" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary)" id="menu-radio-mixed"/>
<use x="172" y="244" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary-insensitive)" id="menu-radio-mixed-insensitive"/>
<use x="8" y="268" xlink:href="#base-scale-slider" id="scale-slider"/>
<use x="8" y="300" xlink:href="#base-scale-slider-hover" id="scale-slider-hover"/>
@@ -514,11 +514,11 @@
<use x="8" y="364" xlink:href="#base-scale-slider-insensitive" id="scale-slider-insensitive"/>
<use x="40" y="268" xlink:href="#base-scale-horz-trough" fill="url(#color-fg-secondary-disabled)" id="scale-horz-trough"/>
<use x="40" y="332" xlink:href="#base-scale-horz-trough" fill="url(#color-accent)" id="scale-horz-trough-active"/>
<use x="40" y="332" xlink:href="#base-scale-horz-trough" fill="url(#color-secondary)" id="scale-horz-trough-active"/>
<use x="40" y="364" xlink:href="#base-scale-horz-trough" fill="url(#color-divider)" id="scale-horz-trough-insensitive"/>
<use x="72" y="268" xlink:href="#base-scale-vert-trough" fill="url(#color-fg-secondary-disabled)" id="scale-vert-trough"/>
<use x="72" y="332" xlink:href="#base-scale-vert-trough" fill="url(#color-accent)" id="scale-vert-trough-active"/>
<use x="72" y="332" xlink:href="#base-scale-vert-trough" fill="url(#color-secondary)" id="scale-vert-trough-active"/>
<use x="72" y="364" xlink:href="#base-scale-vert-trough" fill="url(#color-divider)" id="scale-vert-trough-insensitive"/>
<use x="104" y="268" xlink:href="#base-scrollbar-horz-slider" fill="url(#color-fg-disabled)" id="scrollbar-horz-slider"/>
src/gtk-2.0/assets.svg
@@ -30,11 +30,11 @@
<stop stop-color="#4285F4"/>
</linearGradient>
<linearGradient id="color-accent">
<linearGradient id="color-secondary">
<stop stop-color="#01A299"/>
</linearGradient>
<linearGradient id="color-accent-insensitive">
<linearGradient id="color-secondary-insensitive">
<stop stop-color="#01A299" stop-opacity="0.5"/>
</linearGradient>
@@ -260,17 +260,17 @@
<g id="base-scale-slider">
<circle cx="12" cy="12" r="12" opacity="0"/>
<circle cx="12" cy="12" r="6" fill="url(#color-accent)"/>
<circle cx="12" cy="12" r="6" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-hover">
<circle cx="12" cy="12" r="12" fill="url(#color-accent)" opacity="0.12"/>
<circle cx="12" cy="12" r="6" fill="url(#color-accent)"/>
<circle cx="12" cy="12" r="12" fill="url(#color-secondary)" opacity="0.12"/>
<circle cx="12" cy="12" r="6" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-active">
<circle cx="12" cy="12" r="12" fill="url(#color-accent)" opacity="0.24"/>
<circle cx="12" cy="12" r="6" fill="url(#color-accent)"/>
<circle cx="12" cy="12" r="12" fill="url(#color-secondary)" opacity="0.24"/>
<circle cx="12" cy="12" r="6" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-insensitive">
@@ -465,48 +465,48 @@
<use x="8" y="156" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="checkbox-unchecked-active"/>
<use x="8" y="188" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="checkbox-unchecked-insensitive"/>
<use x="40" y="92" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0" id="checkbox-checked"/>
<use x="40" y="124" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-checked-hover"/>
<use x="40" y="156" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-checked-active"/>
<use x="40" y="188" xlink:href="#base-checkbox-checked" fill="url(#color-accent-insensitive)" fill-opacity="0" id="checkbox-checked-insensitive"/>
<use x="40" y="92" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-checked"/>
<use x="40" y="124" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-checked-hover"/>
<use x="40" y="156" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-checked-active"/>
<use x="40" y="188" xlink:href="#base-checkbox-checked" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="checkbox-checked-insensitive"/>
<use x="72" y="92" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0" id="checkbox-mixed"/>
<use x="72" y="124" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
<use x="72" y="156" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-mixed-active"/>
<use x="72" y="188" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-insensitive)" fill-opacity="0" id="checkbox-mixed-insensitive"/>
<use x="72" y="92" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-mixed"/>
<use x="72" y="124" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
<use x="72" y="156" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-mixed-active"/>
<use x="72" y="188" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="checkbox-mixed-insensitive"/>
<use x="104" y="92" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary)" fill-opacity="0" id="radio-unchecked"/>
<use x="104" y="124" xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.12" id="radio-unchecked-hover"/>
<use x="104" y="156" xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="radio-unchecked-active"/>
<use x="104" y="188" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="radio-unchecked-insensitive"/>
<use x="136" y="92" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0" id="radio-checked"/>
<use x="136" y="124" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.12" id="radio-checked-hover"/>
<use x="136" y="156" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.24" id="radio-checked-active"/>
<use x="136" y="188" xlink:href="#base-radio-checked" fill="url(#color-accent-insensitive)" fill-opacity="0" id="radio-checked-insensitive"/>
<use x="136" y="92" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0" id="radio-checked"/>
<use x="136" y="124" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-checked-hover"/>
<use x="136" y="156" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-checked-active"/>
<use x="136" y="188" xlink:href="#base-radio-checked" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="radio-checked-insensitive"/>
<use x="168" y="92" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0" id="radio-mixed"/>
<use x="168" y="124" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="radio-mixed-hover"/>
<use x="168" y="156" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="radio-mixed-active"/>
<use x="168" y="188" xlink:href="#base-radio-mixed" fill="url(#color-accent-insensitive)" fill-opacity="0" id="radio-mixed-insensitive"/>
<use x="168" y="92" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0" id="radio-mixed"/>
<use x="168" y="124" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-mixed-hover"/>
<use x="168" y="156" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-mixed-active"/>
<use x="168" y="188" xlink:href="#base-radio-mixed" fill="url(#color-secondary-insensitive)" fill-opacity="0" id="radio-mixed-insensitive"/>
<use x="12" y="220" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary)" id="menu-checkbox-unchecked"/>
<use x="12" y="244" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-checkbox-unchecked-insensitive"/>
<use x="44" y="220" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent)" id="menu-checkbox-checked"/>
<use x="44" y="244" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent-insensitive)" id="menu-checkbox-checked-insensitive"/>
<use x="44" y="220" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary)" id="menu-checkbox-checked"/>
<use x="44" y="244" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary-insensitive)" id="menu-checkbox-checked-insensitive"/>
<use x="76" y="220" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent)" id="menu-checkbox-mixed"/>
<use x="76" y="244" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent-insensitive)" id="menu-checkbox-mixed-insensitive"/>
<use x="76" y="220" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary)" id="menu-checkbox-mixed"/>
<use x="76" y="244" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary-insensitive)" id="menu-checkbox-mixed-insensitive"/>
<use x="108" y="220" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary)" id="menu-radio-unchecked"/>
<use x="108" y="244" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-radio-unchecked-insensitive"/>
<use x="140" y="220" xlink:href="#base-menu-radio-checked" fill="url(#color-accent)" id="menu-radio-checked"/>
<use x="140" y="244" xlink:href="#base-menu-radio-checked" fill="url(#color-accent-insensitive)" id="menu-radio-checked-insensitive"/>
<use x="140" y="220" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary)" id="menu-radio-checked"/>
<use x="140" y="244" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary-insensitive)" id="menu-radio-checked-insensitive"/>
<use x="172" y="220" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent)" id="menu-radio-mixed"/>
<use x="172" y="244" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent-insensitive)" id="menu-radio-mixed-insensitive"/>
<use x="172" y="220" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary)" id="menu-radio-mixed"/>
<use x="172" y="244" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary-insensitive)" id="menu-radio-mixed-insensitive"/>
<use x="8" y="268" xlink:href="#base-scale-slider" id="scale-slider"/>
<use x="8" y="300" xlink:href="#base-scale-slider-hover" id="scale-slider-hover"/>
@@ -514,11 +514,11 @@
<use x="8" y="364" xlink:href="#base-scale-slider-insensitive" id="scale-slider-insensitive"/>
<use x="40" y="268" xlink:href="#base-scale-horz-trough" fill="url(#color-fg-secondary-disabled)" id="scale-horz-trough"/>
<use x="40" y="332" xlink:href="#base-scale-horz-trough" fill="url(#color-accent)" id="scale-horz-trough-active"/>
<use x="40" y="332" xlink:href="#base-scale-horz-trough" fill="url(#color-secondary)" id="scale-horz-trough-active"/>
<use x="40" y="364" xlink:href="#base-scale-horz-trough" fill="url(#color-divider)" id="scale-horz-trough-insensitive"/>
<use x="72" y="268" xlink:href="#base-scale-vert-trough" fill="url(#color-fg-secondary-disabled)" id="scale-vert-trough"/>
<use x="72" y="332" xlink:href="#base-scale-vert-trough" fill="url(#color-accent)" id="scale-vert-trough-active"/>
<use x="72" y="332" xlink:href="#base-scale-vert-trough" fill="url(#color-secondary)" id="scale-vert-trough-active"/>
<use x="72" y="364" xlink:href="#base-scale-vert-trough" fill="url(#color-divider)" id="scale-vert-trough-insensitive"/>
<use x="104" y="268" xlink:href="#base-scrollbar-horz-slider" fill="url(#color-fg-disabled)" id="scrollbar-horz-slider"/>
src/gtk/assets.svg
@@ -42,11 +42,11 @@
<stop stop-color="#FFFFFF" stop-opacity="0.12"/>
</linearGradient>
<linearGradient id="color-accent">
<linearGradient id="color-secondary">
<stop stop-color="#01A299"/>
</linearGradient>
<linearGradient id="color-accent-disabled">
<linearGradient id="color-secondary-disabled">
<stop stop-color="#01A299" stop-opacity="0.5"/>
</linearGradient>
@@ -204,13 +204,13 @@
<g id="base-selectionmode-checkbox-checked">
<use xlink:href="#40x40"/>
<use xlink:href="#button-fill" transform="matrix(1.5 0 0 1.5 2 2)" fill="url(#color-accent)"/>
<use xlink:href="#button-fill" transform="matrix(1.5 0 0 1.5 2 2)" fill="url(#color-secondary)"/>
<use xlink:href="#check-path" transform="matrix(1.5 0 0 1.5 2 2)" fill="url(#color-fg-dark)"/>
</g>
<g id="base-scale-slider">
<use xlink:href="#24x24"/>
<use xlink:href="#slider-fill" fill="url(#color-accent)"/>
<use xlink:href="#slider-fill" fill="url(#color-secondary)"/>
</g>
<g id="base-scale-slider-disabled">
@@ -227,7 +227,7 @@
<g id="base-scale-horz-marks-after-slider">
<use xlink:href="#24x24"/>
<use xlink:href="#marks-slider-fill" transform="rotate(45 12 12)" fill="url(#color-accent)"/>
<use xlink:href="#marks-slider-fill" transform="rotate(45 12 12)" fill="url(#color-secondary)"/>
</g>
<use xlink:href="#base-scale-horz-marks-after-slider" id="base-scale-vert-marks-before-slider" transform="rotate(90 12 12)"/>
<use xlink:href="#base-scale-horz-marks-after-slider" id="base-scale-horz-marks-before-slider" transform="rotate(180 12 12)"/>
@@ -262,48 +262,48 @@
<use x="8" y="72" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="checkbox-unchecked-active"/>
<use x="8" y="104" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="checkbox-unchecked-disabled"/>
<use x="40" y="8" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0" id="checkbox-checked"/>
<use x="40" y="40" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-checked-hover"/>
<use x="40" y="72" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-checked-active"/>
<use x="40" y="104" xlink:href="#base-checkbox-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-checked-disabled"/>
<use x="40" y="8" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-checked"/>
<use x="40" y="40" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-checked-hover"/>
<use x="40" y="72" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-checked-active"/>
<use x="40" y="104" xlink:href="#base-checkbox-checked" fill="url(#color-secondary-disabled)" fill-opacity="0" id="checkbox-checked-disabled"/>
<use x="72" y="8" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0" id="checkbox-mixed"/>
<use x="72" y="40" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
<use x="72" y="72" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-mixed-active"/>
<use x="72" y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-mixed-disabled"/>
<use x="72" y="8" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-mixed"/>
<use x="72" y="40" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
<use x="72" y="72" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-mixed-active"/>
<use x="72" y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary-disabled)" fill-opacity="0" id="checkbox-mixed-disabled"/>
<use x="104" y="8" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary)" fill-opacity="0" id="radio-unchecked"/>
<use x="104" y="40" xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.12" id="radio-unchecked-hover"/>
<use x="104" y="72" xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="radio-unchecked-active"/>
<use x="104" y="104" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="radio-unchecked-disabled"/>
<use x="136" y="8" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0" id="radio-checked"/>
<use x="136" y="40" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.12" id="radio-checked-hover"/>
<use x="136" y="72" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.24" id="radio-checked-active"/>
<use x="136" y="104" xlink:href="#base-radio-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-checked-disabled"/>
<use x="136" y="8" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0" id="radio-checked"/>
<use x="136" y="40" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-checked-hover"/>
<use x="136" y="72" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-checked-active"/>
<use x="136" y="104" xlink:href="#base-radio-checked" fill="url(#color-secondary-disabled)" fill-opacity="0" id="radio-checked-disabled"/>
<use x="168" y="8" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0" id="radio-mixed"/>
<use x="168" y="40" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="radio-mixed-hover"/>
<use x="168" y="72" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="radio-mixed-active"/>
<use x="168" y="104" xlink:href="#base-radio-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-mixed-disabled"/>
<use x="168" y="8" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0" id="radio-mixed"/>
<use x="168" y="40" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-mixed-hover"/>
<use x="168" y="72" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-mixed-active"/>
<use x="168" y="104" xlink:href="#base-radio-mixed" fill="url(#color-secondary-disabled)" fill-opacity="0" id="radio-mixed-disabled"/>
<use x="12" y="136" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary)" id="menu-checkbox-unchecked"/>
<use x="12" y="160" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-checkbox-unchecked-disabled"/>
<use x="44" y="136" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent)" id="menu-checkbox-checked"/>
<use x="44" y="160" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent-disabled)" id="menu-checkbox-checked-disabled"/>
<use x="44" y="136" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary)" id="menu-checkbox-checked"/>
<use x="44" y="160" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary-disabled)" id="menu-checkbox-checked-disabled"/>
<use x="76" y="136" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent)" id="menu-checkbox-mixed"/>
<use x="76" y="160" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent-disabled)" id="menu-checkbox-mixed-disabled"/>
<use x="76" y="136" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary)" id="menu-checkbox-mixed"/>
<use x="76" y="160" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary-disabled)" id="menu-checkbox-mixed-disabled"/>
<use x="108" y="136" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary)" id="menu-radio-unchecked"/>
<use x="108" y="160" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-radio-unchecked-disabled"/>
<use x="140" y="136" xlink:href="#base-menu-radio-checked" fill="url(#color-accent)" id="menu-radio-checked"/>
<use x="140" y="160" xlink:href="#base-menu-radio-checked" fill="url(#color-accent-disabled)" id="menu-radio-checked-disabled"/>
<use x="140" y="136" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary)" id="menu-radio-checked"/>
<use x="140" y="160" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary-disabled)" id="menu-radio-checked-disabled"/>
<use x="172" y="136" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent)" id="menu-radio-mixed"/>
<use x="172" y="160" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent-disabled)" id="menu-radio-mixed-disabled"/>
<use x="172" y="136" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary)" id="menu-radio-mixed"/>
<use x="172" y="160" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary-disabled)" id="menu-radio-mixed-disabled"/>
<use x="8" y="184" xlink:href="#base-selectionmode-checkbox-unchecked" fill="url(#color-bg-button)" id="selectionmode-checkbox-unchecked"/>
<use x="56" y="184" xlink:href="#base-selectionmode-checkbox-checked" id="selectionmode-checkbox-checked"/>
@@ -332,48 +332,48 @@
<use x="208" y="72" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.24" id="checkbox-unchecked-active-dark"/>
<use x="208" y="104" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled-dark)" fill-opacity="0" id="checkbox-unchecked-disabled-dark"/>
<use x="240" y="8" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0" id="checkbox-checked-dark"/>
<use x="240" y="40" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-checked-hover-dark"/>
<use x="240" y="72" xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-checked-active-dark"/>
<use x="240" y="104" xlink:href="#base-checkbox-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-checked-disabled-dark"/>
<use x="240" y="8" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-checked-dark"/>
<use x="240" y="40" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-checked-hover-dark"/>
<use x="240" y="72" xlink:href="#base-checkbox-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-checked-active-dark"/>
<use x="240" y="104" xlink:href="#base-checkbox-checked" fill="url(#color-secondary-disabled)" fill-opacity="0" id="checkbox-checked-disabled-dark"/>
<use x="272" y="8" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0" id="checkbox-mixed-dark"/>
<use x="272" y="40" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-mixed-hover-dark"/>
<use x="272" y="72" xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-mixed-active-dark"/>
<use x="272" y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-mixed-disabled-dark"/>
<use x="272" y="8" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0" id="checkbox-mixed-dark"/>
<use x="272" y="40" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="checkbox-mixed-hover-dark"/>
<use x="272" y="72" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="checkbox-mixed-active-dark"/>
<use x="272" y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-secondary-disabled)" fill-opacity="0" id="checkbox-mixed-disabled-dark"/>
<use x="304" y="8" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-dark)" fill-opacity="0" id="radio-unchecked-dark"/>
<use x="304" y="40" xlink:href="#base-radio-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.12" id="radio-unchecked-hover-dark"/>
<use x="304" y="72" xlink:href="#base-radio-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.24" id="radio-unchecked-active-dark"/>
<use x="304" y="104" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled-dark)" fill-opacity="0" id="radio-unchecked-disabled-dark"/>
<use x="336" y="8" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0" id="radio-checked-dark"/>
<use x="336" y="40" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.12" id="radio-checked-hover-dark"/>
<use x="336" y="72" xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.24" id="radio-checked-active-dark"/>
<use x="336" y="104" xlink:href="#base-radio-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-checked-disabled-dark"/>
<use x="336" y="8" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0" id="radio-checked-dark"/>
<use x="336" y="40" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-checked-hover-dark"/>
<use x="336" y="72" xlink:href="#base-radio-checked" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-checked-active-dark"/>
<use x="336" y="104" xlink:href="#base-radio-checked" fill="url(#color-secondary-disabled)" fill-opacity="0" id="radio-checked-disabled-dark"/>
<use x="368" y="8" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0" id="radio-mixed-dark"/>
<use x="368" y="40" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="radio-mixed-hover-dark"/>
<use x="368" y="72" xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="radio-mixed-active-dark"/>
<use x="368" y="104" xlink:href="#base-radio-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-mixed-disabled-dark"/>
<use x="368" y="8" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0" id="radio-mixed-dark"/>
<use x="368" y="40" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.12" id="radio-mixed-hover-dark"/>
<use x="368" y="72" xlink:href="#base-radio-mixed" fill="url(#color-secondary)" fill-opacity="0.24" id="radio-mixed-active-dark"/>
<use x="368" y="104" xlink:href="#base-radio-mixed" fill="url(#color-secondary-disabled)" fill-opacity="0" id="radio-mixed-disabled-dark"/>
<use x="212" y="136" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-dark)" id="menu-checkbox-unchecked-dark"/>
<use x="212" y="160" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-disabled-dark)" id="menu-checkbox-unchecked-disabled-dark"/>
<use x="244" y="136" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent)" id="menu-checkbox-checked-dark"/>
<use x="244" y="160" xlink:href="#base-menu-checkbox-checked" fill="url(#color-accent-disabled)" id="menu-checkbox-checked-disabled-dark"/>
<use x="244" y="136" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary)" id="menu-checkbox-checked-dark"/>
<use x="244" y="160" xlink:href="#base-menu-checkbox-checked" fill="url(#color-secondary-disabled)" id="menu-checkbox-checked-disabled-dark"/>
<use x="276" y="136" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent)" id="menu-checkbox-mixed-dark"/>
<use x="276" y="160" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-accent-disabled)" id="menu-checkbox-mixed-disabled-dark"/>
<use x="276" y="136" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary)" id="menu-checkbox-mixed-dark"/>
<use x="276" y="160" xlink:href="#base-menu-checkbox-mixed" fill="url(#color-secondary-disabled)" id="menu-checkbox-mixed-disabled-dark"/>
<use x="308" y="136" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary-dark)" id="menu-radio-unchecked-dark"/>
<use x="308" y="160" xlink:href="#base-menu-radio-unchecked" fill="url(#color-fg-secondary-disabled-dark)" id="menu-radio-unchecked-disabled-dark"/>
<use x="340" y="136" xlink:href="#base-menu-radio-checked" fill="url(#color-accent)" id="menu-radio-checked-dark"/>
<use x="340" y="160" xlink:href="#base-menu-radio-checked" fill="url(#color-accent-disabled)" id="menu-radio-checked-disabled-dark"/>
<use x="340" y="136" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary)" id="menu-radio-checked-dark"/>
<use x="340" y="160" xlink:href="#base-menu-radio-checked" fill="url(#color-secondary-disabled)" id="menu-radio-checked-disabled-dark"/>
<use x="372" y="136" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent)" id="menu-radio-mixed-dark"/>
<use x="372" y="160" xlink:href="#base-menu-radio-mixed" fill="url(#color-accent-disabled)" id="menu-radio-mixed-disabled-dark"/>
<use x="372" y="136" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary)" id="menu-radio-mixed-dark"/>
<use x="372" y="160" xlink:href="#base-menu-radio-mixed" fill="url(#color-secondary-disabled)" id="menu-radio-mixed-disabled-dark"/>
<use x="208" y="184" xlink:href="#base-selectionmode-checkbox-unchecked" fill="url(#color-bg-button-dark)" id="selectionmode-checkbox-unchecked-dark"/>
<use x="256" y="184" xlink:href="#base-selectionmode-checkbox-checked" id="selectionmode-checkbox-checked-dark"/>