other/Adwaita-Dark-Green: gtk-3.20/

comparison gtk-3.20/_common.scss @ 64:b85e4f7ff7c8

Upgrade to GTK 3.22.25 changes

author	IBBoard <dev@ibboard.co.uk>
date	Sat, 11 Nov 2017 20:16:53 +0000
parents	d8eaee5178b7
children	85f683cb0f5b

comparison

equal deleted inserted replaced

-:0aca06ef7c35
+:b85e4f7ff7c8
 &.left { @include undershoot(left); }
 &.right { @include undershoot(right); }
 }
 &.flat {
-&:focus, & {
+&:focus, &:backdrop, &:disabled, &:backdrop:disabled, & {
 min-height: 0;
 padding: 2px;
 background-color: transparent;
 border-color: transparent;
 border-radius: 0;
 &:focus { border-color: $selected_bg_color; }
 }
 }
+.entry-tag {
+// sizing
+padding: 5px;
+margin-top: 2px;
+margin-bottom: 2px;
+// side margins: compensate the entry padding with a negative margin
+// then the negative margin itself
+:dir(ltr) & {
+margin-left: 8px;
+margin-right: -5px;
+}
+:dir(rtl) & {
+margin-left: -5px;
+margin-right: 8px;
+}
+border-style: none;
+$_entry_tag_color: if($variant=='light', $selected_fg_color, $base_color);
+color: $_entry_tag_color;
+$_entry_tag_bg: if($variant=='light', $selected_bg_color, mix($fg_color, $base_color, 50%));
+background-color: $_entry_tag_bg;
+&:hover {
+background-color: lighten($_entry_tag_bg, 10%);
+}
+:backdrop & {
+color: $backdrop_base_color;
+background-color: if($variant=='light', $selected_bg_color,
+mix($backdrop_fg_color, $backdrop_base_color, 50%));
+}
+&.button {
+background-color: transparent;
+color: transparentize($_entry_tag_color, 0.3);
+}
+:not(:backdrop) &.button {
+&:hover {
+border: 1px solid $_entry_tag_bg;
+color: $_entry_tag_color;
+}
+&:active {
+background-color: $_entry_tag_bg;
+color: transparentize($_entry_tag_color, 0.3);
+}
+}
+}
 /***********
 * Buttons *
 ***********/
 // stuff for .needs-attention
 background-image: none;
 box-shadow: none;
 padding-left: 10px;
 padding-right: 10px;
-GtkArrow { -GtkArrow-arrow-scaling: 1; }
+arrow { -GtkArrow-arrow-scaling: 1; }
 .arrow {
 -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
 color: transparentize($selected_fg_color,0.5);
 -gtk-icon-shadow: none;
 }
 }
 }
 }
+// squared corners when the window is maximized, tiled, or fullscreen
 .tiled &,
-.maximized & { &:backdrop, & { border-radius: 0; }} // squared corners when the window is maximized or tiled
+.tiled-top &,
+.tiled-right &,
+.tiled-bottom &,
+.tiled-left &,
+.maximized &,
+.fullscreen & {
+&:backdrop, & {
+border-radius: 0;
+}
+}
 &.default-decoration {
 min-height: 28px;
 padding: 4px;
 margin-top: 9px;
 margin-bottom: 9px;
 }
 }
-.background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar {
+.background .titlebar {
 &:backdrop, & {
 border-top-left-radius: 7px;
 border-top-right-radius: 7px;
 }
 }
+.background.tiled .titlebar,
+.background.tiled-top .titlebar,
+.background.tiled-right .titlebar,
+.background.tiled-bottom .titlebar,
+.background.tiled-left .titlebar,
+.background.maximized .titlebar,
+.background.solid-csd .titlebar {
+&:backdrop, & {
+border-top-left-radius: 0;
+border-top-right-radius: 0;
+}
+}
 headerbar { // headerbar border rounding
-window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + &, // tackles the paned container case
-window:not(.tiled):not(.maximized):not(.solid-csd) &:first-child { &:backdrop, & { border-top-left-radius: 7px; }}
+window separator:first-child + &,
-window:not(.tiled):not(.maximized):not(.solid-csd) &:last-child { &:backdrop, & { border-top-right-radius: 7px; }}
+window &:first-child { &:backdrop, & { border-top-left-radius: 7px; }}
-window:not(.tiled):not(.maximized):not(.solid-csd) stack & { // tackles the stacked headerbars case
+window &:last-child { &:backdrop, & { border-top-right-radius: 7px; }}
+window stack & { // tackles the stacked headerbars case
 &:first-child, &:last-child {
 &:backdrop, & {
 border-top-left-radius: 7px;
 border-top-right-radius: 7px;
+}
+}
+}
+window.tiled &,
+window.tiled-top &,
+window.tiled-right &,
+window.tiled-bottom &,
+window.tiled-left &,
+window.maximized &,
+window.fullscreen &,
+window.solid-csd & {
+&, &:backdrop {
+&,
+&:first-child,
+&:last-child,
+&:only-child {
+border-top-left-radius: 0;
+border-top-right-radius: 0;
 }
 }
 }
 }
 color: $fg_color;
 transition: none; //I shouldn't need this
 }
 }
-button:last-child { &:backdrop, & { border-right-style: none; }}
 }
 button.dnd,
 header.button.dnd { // for treeview-like derive widgets
 &:active, &:selected, &:hover, & {
 &:disabled {
 border-color: $backdrop_bg_color;
 background-image: none;
 }
 }
+&:last-child { &:backdrop, & { border-right-style: none; }}
 }
 /*********
 * Menus *
 }
 menu,
 .menu,
 .context-menu {
-margin: 4px;
+margin: 4px; // see https://bugzilla.gnome.org/show_bug.cgi?id=591258
 padding: 2px 0px;
 background-color: $menu_color;
 border: 1px solid $borders_color; // adds borders in a non composited env
 .csd & { border: none; }  // axes borders in a composited env
 box-shadow: none;
 border-color: $selected_borders_color;
 &:backdrop { border-color: $selected_borders_color; }
-&.slider:dir(rtl) { border-left-color: $borders_color; }
+slider:dir(rtl) { border-left-color: $borders_color; }
-&.slider:dir(ltr) { border-right-color: $borders_color; }
+slider:dir(ltr) { border-right-color: $borders_color; }
-&.slider { &:checked, & { border-color: $selected_borders_color; } }
+slider { &:checked, & { border-color: $selected_borders_color; } }
 }
 }
 }
 radio {
 margin: 0 4px;
 &:only-child { margin: 0; }
+popover & { // when in a popover add more space between the label and the check, reset the other side margin.
+// See https://bugzilla.gnome.org/show_bug.cgi?id=779570 for details.
+&.left:dir(rtl) {
+margin-left: 0;
+margin-right: 12px;
+}
+&.right:dir(ltr) {
+margin-left: 12px;
+margin-right: 0;
+}
+}
 min-height: 14px;
 min-width: 14px;
 border: 1px solid;
 -gtk-icon-source: none;
 /*************
 * Level Bar *
 *************/
 levelbar {
-block {
+&.horizontal {
-min-width: 32px;
+block {
 min-height: 1px;
 }
-&.vertical block {
+&.discrete block {
-min-width: 1px;
+margin: 0 1px;
-min-height: 32px;
+min-width: 32px;
+}
+}
+&.vertical {
+block {
+min-width: 1px;
+}
+&.discrete block {
+margin: 1px 0;
+min-height: 32px;
+}
 }
 &:backdrop { transition: $backdrop_transition; }
 trough {
 border-radius: 3px;
 @include entry(normal);
 &:backdrop { @include entry(backdrop); }
 }
-&.horizontal.discrete block { margin: 0 1px; }
-&.vertical.discrete block { margin: 1px 0; }
 block {
 border: 1px solid;
 border-radius: 1px;
 /****************
 * File chooser *
 ****************/
 $_placesidebar_icons_opacity: 0.7;
+row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons
+// see bug #786613 for details
+// on this oddity
 placessidebar {
 > viewport.frame { border-style: none; }
 row {
 // Needs overriding of the GtkListBoxRow padding
 &:disabled { color: $backdrop_insensitive_color; }
 }
 image.sidebar-icon {
-opacity: $_placesidebar_icons_opacity; // dim the device icons
 &:dir(ltr) { padding-right: 8px; }
 &:dir(rtl) { padding-left: 8px; }
 }
 label.sidebar-label {
 border-top-right-radius: $_colorswatch_radius;
 border-bottom-right-radius: $_colorswatch_radius;
 }
 }
-&.dark overlay {
+&.dark {
-color: $selected_fg_color;
+outline-color: transparentize(white, 0.4);
-&:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); }
+overlay {
+color: white;
-&:backdrop { color: $backdrop_selected_fg_color; }
-}
+&:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); }
-&.light overlay {
+&:backdrop { color: transparentize(white, 0.5); }
-color: $text_color;
+}
+}
-&:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); }
+&.light {
-&:backdrop { color: $backdrop_text_color; }
+outline-color: transparentize(black, 0.4);
+overlay {
+color: black;
+&:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); }
+&:backdrop { color: transparentize(black, 0.5); }
+}
 }
 &:drop(active) {
 box-shadow: none;
 transition: $backdrop_transition;
 }
 .maximized &,
 .fullscreen &,
-.tiled & { border-radius: 0; }
+.tiled &,
+.tiled-top &,
+.tiled-right &,
+.tiled-bottom &,
+.tiled-left & { border-radius: 0; }
 .popup & { box-shadow: none; }
 // server-side decorations as used by mutter
 .ssd & { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows
 stackswitcher button.text-button.circular { // FIXME aggregate with buttons
 min-width: 32px;
 min-height: 32px;
 padding: 0;
 }
+/*********
+* Emoji *
+********/
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+button.emoji-section {
+border-color: transparent;
+border-width: 3px;
+border-style: none none solid;
+border-radius: 0;
+margin: 2px 4px 2px 4px;
+padding: 3px 0 0;
+min-width: 32px;
+min-height: 28px;
+/* reset props inherited from the button style */
+background: none;
+box-shadow: none;
+text-shadow: none;
+outline-offset: -5px;
+&:backdrop:not(:checked) { border-color: transparent; }
+&:hover { border-color: $borders_color; }
+&:checked { border-color: $selected_bg_color; }
+label {
+padding: 0;
+opacity: 0.55;
+}
+&:hover label { opacity: 0.775; }
+&:checked label { opacity: 1; }
+}
+.emoji {
+font-size: x-large;
+padding: 6px;
+border-radius: 6px;
+:hover {
+background: $selected_bg_color;
+}
+}

Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-3.20/_common.scss @ 64:b85e4f7ff7c8