Skip to content

Commit

Permalink
...
Browse files Browse the repository at this point in the history
  • Loading branch information
thekomer committed Feb 8, 2022
1 parent e9a1c3c commit ab09f9c
Show file tree
Hide file tree
Showing 3 changed files with 167 additions and 73 deletions.
103 changes: 67 additions & 36 deletions gtk-3.0/gtk-dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -1805,42 +1805,41 @@ combobox:drop(active) {
/***********
* Dialogs *
***********/
messagedialog .titlebar:not(headerbar) {
background-color: rgba(14, 17, 29, 0.95); }

messagedialog .titlebar {
min-height: 20px;
background-image: none;
background-color: rgba(14, 17, 29, 0.95);
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }

messagedialog.csd.background {
background-color: rgba(14, 17, 29, 0.95);
color: #BFC3CD;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }

messagedialog.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none;
background-color: transparent;
color: #BFC3CD;
box-shadow: none; }
messagedialog.csd .dialog-action-area button:hover {
background-color: rgba(255, 106, 0, 0.9);
color: white; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 4px; }
messagedialog.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 4px; }
messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action {
color: white; }
messagedialog {
/* Message Dialog styling */ }
messagedialog .titlebar:not(headerbar) {
background-color: rgba(14, 17, 29, 0.95); }
messagedialog .titlebar {
min-height: 20px;
background-image: none;
background-color: rgba(14, 17, 29, 0.95);
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
messagedialog.csd.background {
background-color: rgba(14, 17, 29, 0.95);
color: #BFC3CD;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
messagedialog.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none;
background-color: transparent;
color: #BFC3CD;
box-shadow: none; }
messagedialog.csd .dialog-action-area button:hover {
background-color: rgba(255, 106, 0, 0.9);
color: white; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 4px; }
messagedialog.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 4px; }
messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action {
color: white; }

filechooser .dialog-action-box {
border-top: 1px solid rgba(255, 255, 255, 0.05); }
Expand All @@ -1854,6 +1853,38 @@ filechooserbutton:drop(active) {
box-shadow: none;
border-color: transparent; }

/*
// file chooser dialog
dialog {
#pathbarbox {
background: $headerbar_color;
.linked.path-bar {
background: $headerbar_color;
border-bottom: 1px solid $borders_color;
transition: $button_transition;
transition-duration: 50ms;
button, button.text-button, button.text-button.toggle, button > label {
@include button(normal-header);
color: $headerbar_fg_color;
&:hover{
@include button(hover-header, transparent, $text_color);
color: $selected_bg_color;
}
&:selected, &:active, &:checked {
@include button(active-header);
color: $selected_fg_color;
}
&:backdrop {
transition: $backdrop_transition;
transition-duration: 500ms;
color: inherit;
background: transparent;
}
}
}
}
}
*/
/****************
* Text Entries *
****************/
Expand Down
103 changes: 67 additions & 36 deletions gtk-3.0/gtk.css
Original file line number Diff line number Diff line change
Expand Up @@ -1805,42 +1805,41 @@ combobox:drop(active) {
/***********
* Dialogs *
***********/
messagedialog .titlebar:not(headerbar) {
background-color: rgba(14, 17, 29, 0.95); }

messagedialog .titlebar {
min-height: 20px;
background-image: none;
background-color: rgba(14, 17, 29, 0.95);
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }

messagedialog.csd.background {
background-color: rgba(14, 17, 29, 0.95);
color: #BFC3CD;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }

messagedialog.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none;
background-color: transparent;
color: #BFC3CD;
box-shadow: none; }
messagedialog.csd .dialog-action-area button:hover {
background-color: rgba(255, 106, 0, 0.9);
color: white; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 4px; }
messagedialog.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 4px; }
messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action {
color: white; }
messagedialog {
/* Message Dialog styling */ }
messagedialog .titlebar:not(headerbar) {
background-color: rgba(14, 17, 29, 0.95); }
messagedialog .titlebar {
min-height: 20px;
background-image: none;
background-color: rgba(14, 17, 29, 0.95);
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
messagedialog.csd.background {
background-color: rgba(14, 17, 29, 0.95);
color: #BFC3CD;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
messagedialog.csd .dialog-action-area button {
padding: 10px 14px;
border-radius: 0;
border-left-style: solid;
border-right-style: none;
border-bottom-style: none;
background-color: transparent;
color: #BFC3CD;
box-shadow: none; }
messagedialog.csd .dialog-action-area button:hover {
background-color: rgba(255, 106, 0, 0.9);
color: white; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
border-bottom-left-radius: 4px; }
messagedialog.csd .dialog-action-area button:last-child {
border-bottom-right-radius: 4px; }
messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action {
color: white; }

filechooser .dialog-action-box {
border-top: 1px solid rgba(255, 255, 255, 0.05); }
Expand All @@ -1854,6 +1853,38 @@ filechooserbutton:drop(active) {
box-shadow: none;
border-color: transparent; }

/*
// file chooser dialog
dialog {
#pathbarbox {
background: $headerbar_color;
.linked.path-bar {
background: $headerbar_color;
border-bottom: 1px solid $borders_color;
transition: $button_transition;
transition-duration: 50ms;
button, button.text-button, button.text-button.toggle, button > label {
@include button(normal-header);
color: $headerbar_fg_color;
&:hover{
@include button(hover-header, transparent, $text_color);
color: $selected_bg_color;
}
&:selected, &:active, &:checked {
@include button(active-header);
color: $selected_fg_color;
}
&:backdrop {
transition: $backdrop_transition;
transition-duration: 500ms;
color: inherit;
background: transparent;
}
}
}
}
}
*/
/****************
* Text Entries *
****************/
Expand Down
34 changes: 33 additions & 1 deletion gtk-3.0/widgets/_dialogs.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/***********
* Dialogs *
***********/
messagedialog { // Message Dialog styling
messagedialog { /* Message Dialog styling */
.titlebar:not(headerbar) {
background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05);
}
Expand Down Expand Up @@ -68,3 +68,35 @@ filechooserbutton:drop(active) {
box-shadow: none;
border-color: transparent;
}
/*
// file chooser dialog
dialog {
#pathbarbox {
background: $headerbar_color;
.linked.path-bar {
background: $headerbar_color;
border-bottom: 1px solid $borders_color;
transition: $button_transition;
transition-duration: 50ms;
button, button.text-button, button.text-button.toggle, button > label {
@include button(normal-header);
color: $headerbar_fg_color;
&:hover{
@include button(hover-header, transparent, $text_color);
color: $selected_bg_color;
}
&:selected, &:active, &:checked {
@include button(active-header);
color: $selected_fg_color;
}
&:backdrop {
transition: $backdrop_transition;
transition-duration: 500ms;
color: inherit;
background: transparent;
}
}
}
}
}
*/

0 comments on commit ab09f9c

Please sign in to comment.