2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
// Buttons on selected backgrounds
|
|
|
|
//
|
|
|
|
%selected_button {
|
|
|
|
@at-root %selected_button_normal,
|
|
|
|
& {
|
|
|
|
color: $selected_fg_color;
|
|
|
|
background-color: transparentize($selected_fg_color, 1);
|
|
|
|
border-color: transparentize($selected_fg_color, 0.5);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.flat {
|
|
|
|
@include button(undecorated);
|
|
|
|
color: $selected_fg_color;
|
|
|
|
background-color: transparentize($selected_fg_color, 1);
|
|
|
|
|
|
|
|
@at-root %selected_button_flat_disabled,
|
|
|
|
&:disabled {
|
|
|
|
&,
|
|
|
|
label {
|
|
|
|
color: transparentize($selected_fg_color, 0.6);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:hover {
|
|
|
|
color: $selected_fg_color;
|
2022-05-13 19:46:55 +08:00
|
|
|
background-color: $selected_bg_color;
|
|
|
|
border-color: $selected_bg_color;
|
2022-05-13 18:38:41 +08:00
|
|
|
}
|
|
|
|
@at-root %selected_button_active,
|
|
|
|
&:active,
|
|
|
|
&:active:hover,
|
|
|
|
&:checked {
|
|
|
|
color: $selected_bg_color;
|
|
|
|
background-color: $selected_fg_color;
|
|
|
|
border-color: $selected_fg_color;
|
|
|
|
}
|
|
|
|
&:disabled {
|
|
|
|
&,
|
|
|
|
label {
|
|
|
|
color: transparentize($selected_fg_color, 0.5);
|
|
|
|
}
|
|
|
|
background-color: transparentize($selected_fg_color, 1);
|
|
|
|
border-color: transparentize($selected_fg_color, 0.6);
|
|
|
|
|
|
|
|
@at-root %selected_button_disabled_checked,
|
|
|
|
&:active,
|
|
|
|
&:checked {
|
|
|
|
color: $selected_bg_color;
|
|
|
|
background-color: transparentize($selected_fg_color, 0.5);
|
|
|
|
border-color: transparentize($selected_fg_color, 0.6);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// catch all extend
|
|
|
|
%selected_items {
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
|
|
|
|
@at-root %nobg_selected_items,
|
|
|
|
& {
|
|
|
|
color: $selected_fg_color;
|
|
|
|
|
|
|
|
@at-root %selected_items_disabled,
|
|
|
|
&:disabled {
|
|
|
|
color: mix($selected_fg_color, $selected_bg_color, 50%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/basic.scss";
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/entry.scss";
|
|
|
|
|
|
|
|
@import "./ui/button.scss";
|
|
|
|
|
|
|
|
@import "./ui/toolbar.scss";
|
|
|
|
|
|
|
|
@import "./ui/treeview.scss";
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/notebook.scss";
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/scrollbar.scss";
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/switch-check.scss";
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/other.scss";
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/list.scss";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/dialog.scss";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/sidebar.scss";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/color.scss";
|
|
|
|
|
|
|
|
|
|
|
|
@import "./ui/misc.scss";
|
2022-07-18 20:07:18 +08:00
|
|
|
@import "./ui/menu.scss";
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
// Shortcuts Help
|
|
|
|
//
|
|
|
|
button.circular,
|
|
|
|
button.circular-button,
|
|
|
|
.stack-switcher > button.circular {
|
|
|
|
min-width: 24px;
|
|
|
|
min-height: 24px;
|
|
|
|
padding: 5px;
|
|
|
|
border-radius: 50%;
|
|
|
|
-gtk-outline-radius: 50%;
|
|
|
|
|
|
|
|
label {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.keycap {
|
|
|
|
min-width: 16px;
|
|
|
|
min-height: 20px;
|
|
|
|
|
|
|
|
padding: 3px 6px 4px 6px;
|
|
|
|
|
|
|
|
color: $fg_color;
|
|
|
|
background-color: $base_color;
|
|
|
|
border: 1px solid $borders_color;
|
|
|
|
border-radius: 2.5px;
|
|
|
|
box-shadow: inset 0px -2px 0px transparentize(black, 0.85);
|
|
|
|
}
|
|
|
|
|
|
|
|
//
|
|
|
|
// Dnd
|
|
|
|
//
|
|
|
|
*:drop(active):focus,
|
|
|
|
*:drop(active) {
|
|
|
|
box-shadow: inset 0 0 0 1px $selected_bg_color;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
@import "./ui/window.scss";
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
@import "./ui/headerbar.scss";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|