master
yutent 2022-05-13 19:46:55 +08:00
parent 030c856d6a
commit 46cd272089
6 changed files with 35 additions and 26 deletions

View File

@ -33,8 +33,8 @@ row:selected button.flat:disabled label {
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, row:selected button:hover { infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, row:selected button:hover {
color: #f2f5fc; color: #f2f5fc;
background-color: rgba(242, 245, 252, 0.2); background-color: rgba(100, 181, 246, 0.35);
border-color: rgba(242, 245, 252, 0.8); border-color: rgba(100, 181, 246, 0.35);
} }
.primary-toolbar toolbar.selection-mode button:active, .primary-toolbar toolbar.selection-mode button:active,
.selection-mode.primary-toolbar button:active, .primary-toolbar .selection-mode.inline-toolbar button:active, headerbar.selection-mode button:active, .primary-toolbar toolbar.selection-mode button:checked, .selection-mode.primary-toolbar button:active, .primary-toolbar .selection-mode.inline-toolbar button:active, headerbar.selection-mode button:active, .primary-toolbar toolbar.selection-mode button:checked,
@ -177,8 +177,8 @@ textview border {
rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband,
.rubberband { .rubberband {
border: 1px solid rgba(52, 158, 243, 0.35); border: 1px solid rgba(100, 181, 246, 0.35);
background-colo: #f30; background-color: rgba(100, 181, 246, 0.15);
} }
flowbox flowboxchild { flowbox flowboxchild {
@ -1703,12 +1703,12 @@ treeview.view {
border-top-color: rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.1);
} }
* { * {
-GtkTreeView-horizontal-separator: 4; -GtkTreeView-horizontal-separator: 0;
-GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: ""; -GtkTreeView-grid-line-pattern: "";
-GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: ""; -GtkTreeView-tree-line-pattern: "";
-GtkTreeView-expander-size: 16; -GtkTreeView-expander-size: 0;
} }
treeview.view acceleditor > label { treeview.view acceleditor > label {
@ -1742,6 +1742,7 @@ treeview.view:drop(active).before {
} }
treeview.view.expander { treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
background-color: #f30;
color: #85929f; color: #85929f;
} }
treeview.view.expander:dir(rtl) { treeview.view.expander:dir(rtl) {
@ -1792,7 +1793,7 @@ treeview.view header button {
border-color: #86909b; border-color: #86909b;
} }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #5b6575; background-color: #64b5f6;
} }
treeview.view header button:active:hover { treeview.view header button:active:hover {
color: #ced6e0; color: #ced6e0;
@ -2193,7 +2194,7 @@ notebook > header button.flat {
} }
scrollbar { scrollbar {
background-color: rgba(60, 77, 94, 0.3); background-color: rgba(60, 77, 94, 0.5);
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
} }
* { * {
@ -2203,16 +2204,16 @@ scrollbar {
} }
scrollbar.top { scrollbar.top {
border-bottom: 1px solid #86909b; border-bottom: 1px solid #3c4d5e;
} }
scrollbar.bottom { scrollbar.bottom {
border-top: 1px solid #86909b; border-top: 1px solid #3c4d5e;
} }
scrollbar.left { scrollbar.left {
border-right: 1px solid #86909b; border-right: 1px solid #3c4d5e;
} }
scrollbar.right { scrollbar.right {
border-left: 1px solid #86909b; border-left: 1px solid #3c4d5e;
} }
scrollbar button { scrollbar button {
border: none; border: none;
@ -2367,7 +2368,7 @@ scrolledwindow undershoot.right {
scrolledwindow junction { scrolledwindow junction {
border-color: transparent; border-color: transparent;
border-image: linear-gradient(to bottom, #86909b 1px, transparent 1px) 0 0 0 1/0 1px stretch; border-image: linear-gradient(to bottom, #86909b 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: rgba(60, 77, 94, 0.3); background-color: rgba(60, 77, 94, 0.5);
} }
scrolledwindow junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; border-image-slice: 0 1 0 0;

View File

@ -26,8 +26,8 @@
} }
&:hover { &:hover {
color: $selected_fg_color; color: $selected_fg_color;
background-color: transparentize($selected_fg_color, 0.8); background-color: $selected_bg_color;
border-color: transparentize($selected_fg_color, 0.2); border-color: $selected_bg_color;
} }
@at-root %selected_button_active, @at-root %selected_button_active,
&:active, &:active,

View File

@ -96,11 +96,11 @@ iconview {
@extend .view; @extend .view;
} }
//
rubberband, rubberband,
.rubberband { .rubberband {
border: 1px solid darken($selected_bg_color, 10%); border: 1px solid $selected_bg_color;
// background-color: transparentize(darken($selected_bg_color, 10%), 0.8); background-color: transparentize($selected_bg_color, 0.2);
background-colo:#f30;
} }
flowbox { flowbox {

View File

@ -1,7 +1,7 @@
// //
// Scrollbars // Scrollbars
// //
$_scrollbar_bg_color: transparentize($base_color, 0.7); $_scrollbar_bg_color: transparentize($base_color, 0.5);
scrollbar { scrollbar {
@at-root * { @at-root * {
@ -16,19 +16,19 @@ scrollbar {
transition: 300ms $ease-out-quad; transition: 300ms $ease-out-quad;
&.top { &.top {
border-bottom: 1px solid $borders_color; border-bottom: 1px solid $base_color;
} }
&.bottom { &.bottom {
border-top: 1px solid $borders_color; border-top: 1px solid $base_color;
} }
&.left { &.left {
border-right: 1px solid $borders_color; border-right: 1px solid $base_color;
} }
&.right { &.right {
border-left: 1px solid $borders_color; border-left: 1px solid $base_color;
} }
button { button {

View File

@ -1,16 +1,19 @@
// //
// Tree Views // Tree Views
// //
treeview.view { treeview.view {
@at-root * { @at-root * {
-GtkTreeView-horizontal-separator: 4; -GtkTreeView-horizontal-separator: 0;
-GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: ''; -GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: ''; -GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16; // , 0,
-GtkTreeView-expander-size: 0;
} }
border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color, border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color,
border-top-color: transparentize( border-top-color: transparentize(
black, black,
@ -64,6 +67,8 @@ treeview.view {
&.expander { &.expander {
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
background-color: #f30;
&:dir(rtl) { &:dir(rtl) {
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
} }
@ -117,6 +122,7 @@ treeview.view {
} }
header { header {
button { button {
$_column_header_color: mix($fg_color, $base_color, 80%); $_column_header_color: mix($fg_color, $base_color, 80%);
@ -132,7 +138,7 @@ treeview.view {
&:active, &:active,
&:hover { &:hover {
background-color: lighten($bg_color, 2%); background-color: $highlight_color;
} }
&:active:hover { &:active:hover {
color: $fg_color; color: $fg_color;

View File

@ -15,6 +15,8 @@ $grey_color: #86909b;
$selected_bg_color: rgba(100, 181, 246, 0.35); $selected_bg_color: rgba(100, 181, 246, 0.35);
$selected_fg_color: #f2f5fc; $selected_fg_color: #f2f5fc;
$highlight_color: #64b5f6;
$selected_borders_color: darken($selected_bg_color, 15%); $selected_borders_color: darken($selected_bg_color, 15%);
$borders_color: $grey_color; $borders_color: $grey_color;
$separator_color: transparentize($grey_color, .5); $separator_color: transparentize($grey_color, .5);