gtk3: Add specific styles for gnome-builder 3.26
Since so many styles are hard-coded for Adwaita, it's hard to handle the styles satisfactorily. :(
Since so many styles are hard-coded for Adwaita, it's hard to handle the styles satisfactorily. :(
by roundabout, Saturday, 30 September 2017, 02:39:45 (1506739185), pushed by roundabout, Sunday, 11 May 2025, 13:22:15 (1746969735)
Author identity: nana-4 <hnmaigo@gmail.com>
92cfdabca4da2b7d2f0fe59bb181fbc0fbeedbb3
padding-right: 8px;
}
button.dzlmenubutton image {
min-width: 26px;
}
button.dzlmenubutton image.arrow {
min-width: 23px;
}
button.dzlmenubuttonitem {
color: rgba(0, 0, 0, 0.87);
font-weight: normal;
}
button.dzlmenubuttonitem:disabled {
color: rgba(0, 0, 0, 0.38);
}
idelayoutstackheader {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
idelayoutstackheader button:checked {
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: #F5F5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
background-color: transparent;
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
margin-right: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
box-shadow: inset -2px 0 #42A5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
margin-left: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
box-shadow: inset 2px 0 #42A5F5;
}
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover list {
border: 1px solid rgba(0, 0, 0, 0.12);
}
popover.messagepopover list row:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/**********
* Photos *
**********/
padding-right: 8px;
}
button.dzlmenubutton image {
min-width: 26px;
}
button.dzlmenubutton image.arrow {
min-width: 23px;
}
button.dzlmenubuttonitem {
color: #FFFFFF;
font-weight: normal;
}
button.dzlmenubuttonitem:disabled {
color: rgba(255, 255, 255, 0.5);
}
idelayoutstackheader {
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
idelayoutstackheader button:checked {
color: #FFFFFF;
}
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: #333e43;
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
background-color: transparent;
color: #FFFFFF;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
margin-right: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
box-shadow: inset -2px 0 #42A5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
margin-left: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
box-shadow: inset 2px 0 #42A5F5;
}
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover list {
border: 1px solid rgba(0, 0, 0, 0.26);
}
popover.messagepopover list row:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
/**********
* Photos *
**********/
padding-right: 10px;
}
button.dzlmenubutton image {
min-width: 30px;
}
button.dzlmenubutton image.arrow {
min-width: 27px;
}
button.dzlmenubuttonitem {
color: #FFFFFF;
font-weight: normal;
}
button.dzlmenubuttonitem:disabled {
color: rgba(255, 255, 255, 0.5);
}
idelayoutstackheader {
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
idelayoutstackheader button:checked {
color: #FFFFFF;
}
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: #333e43;
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
background-color: transparent;
color: #FFFFFF;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
margin-right: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
box-shadow: inset -2px 0 #42A5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
margin-left: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
box-shadow: inset 2px 0 #42A5F5;
}
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover list {
border: 1px solid rgba(0, 0, 0, 0.26);
}
popover.messagepopover list row:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
/**********
* Photos *
**********/
padding-right: 8px;
}
button.dzlmenubutton image {
min-width: 26px;
}
button.dzlmenubutton image.arrow {
min-width: 23px;
}
button.dzlmenubuttonitem {
color: rgba(0, 0, 0, 0.87);
font-weight: normal;
}
button.dzlmenubuttonitem:disabled {
color: rgba(0, 0, 0, 0.38);
}
idelayoutstackheader {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
idelayoutstackheader button:checked {
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: #F5F5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
background-color: transparent;
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
margin-right: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
box-shadow: inset -2px 0 #42A5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
margin-left: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
box-shadow: inset 2px 0 #42A5F5;
}
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover list {
border: 1px solid rgba(0, 0, 0, 0.12);
}
popover.messagepopover list row:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/**********
* Photos *
**********/
padding-right: 10px;
}
button.dzlmenubutton image {
min-width: 30px;
}
button.dzlmenubutton image.arrow {
min-width: 27px;
}
button.dzlmenubuttonitem {
color: rgba(0, 0, 0, 0.87);
font-weight: normal;
}
button.dzlmenubuttonitem:disabled {
color: rgba(0, 0, 0, 0.38);
}
idelayoutstackheader {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
idelayoutstackheader button:checked {
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: #F5F5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
background-color: transparent;
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
margin-right: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
box-shadow: inset -2px 0 #42A5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
margin-left: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
box-shadow: inset 2px 0 #42A5F5;
}
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover list {
border: 1px solid rgba(0, 0, 0, 0.12);
}
popover.messagepopover list row:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/**********
* Photos *
**********/
padding-right: 10px;
}
button.dzlmenubutton image {
min-width: 30px;
}
button.dzlmenubutton image.arrow {
min-width: 27px;
}
button.dzlmenubuttonitem {
color: rgba(0, 0, 0, 0.87);
font-weight: normal;
}
button.dzlmenubuttonitem:disabled {
color: rgba(0, 0, 0, 0.38);
}
idelayoutstackheader {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
idelayoutstackheader button:checked {
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: #F5F5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
background-color: transparent;
color: rgba(0, 0, 0, 0.87);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
margin-right: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
box-shadow: inset -2px 0 #42A5F5;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
margin-left: -1px;
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
}
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
box-shadow: inset 2px 0 #42A5F5;
}
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover list {
border: 1px solid rgba(0, 0, 0, 0.12);
}
popover.messagepopover list row:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/**********
* Photos *
**********/
padding-right: ($medium_size - 16px) / 2;
}
//
// Additional styles for 3.26
//
button.dzlmenubutton image {
min-width: $medium_size - 6px;
&.arrow { min-width: $medium_size - 9px; }
}
button.dzlmenubuttonitem {
color: $fg_color;
font-weight: normal;
&:disabled { color: $disabled_fg_color; }
}
idelayoutstackheader {
border-bottom: 1px solid $border_color;
button:checked { color: $fg_color; }
}
// utilities stack switcher
ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: $bg_color;
&:dir(ltr) { border-right: 1px solid $border_color; }
&:dir(rtl) { border-left: 1px solid $border_color; }
button {
border-radius: 0;
outline-offset: -6px;
box-shadow: none;
background-color: transparent;
&:active {
background-image: radial-gradient(circle farthest-corner at center,
rgba($primary_color, 0.7) 10%,
transparent 0%);
}
&:checked {
background-color: transparent;
color: $fg_color;
}
&:dir(ltr) {
margin-right: -1px;
&:hover { box-shadow: inset -2px 0 $track_color; }
&:active,
&:checked { box-shadow: inset -2px 0 $primary_color; }
}
&:dir(rtl) {
margin-left: -1px;
&:hover { box-shadow: inset 2px 0 $track_color; }
&:active,
&:checked { box-shadow: inset 2px 0 $primary_color; }
}
}
}
// buildui panel
ideeditorsidebar notebook header {
background: transparent;
}
popover.messagepopover {
// padding: 0;
list {
border: 1px solid $border_color;
row:not(:last-child) { border-bottom: 1px solid $border_color; }
}
}
/**********
* Photos *