mirror of
https://git.disroot.org/eudaimon/Simplewaita.git
synced 2026-03-10 04:21:07 +00:00
Initial remote commit
This commit is contained in:
Eudaimon
parent
f67c6bbc33
commit
aaa9cf7d3c
595 changed files with 30274 additions and 0 deletions
37
source/common/_theme_colors.scss
Normal file
37
source/common/_theme_colors.scss
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
$window_fg: #241f31;
|
||||
$window_bg: #a7a7a7;
|
||||
$text_widget_fg: #241f31;
|
||||
$text_widget_bg: #908f8d;
|
||||
|
||||
$selected_fg: #000000;
|
||||
$selected_bg: #386b00;
|
||||
|
||||
$button_fg: #241f31;
|
||||
$button_bg: #bcbeb9;
|
||||
$button_checked_bg: $selected_bg;
|
||||
$button_checked_fg: $selected_fg;
|
||||
|
||||
|
||||
$disabled_fg: #552222;
|
||||
$disabled_bg: #938989;
|
||||
|
||||
|
||||
$warningc: #f57900;
|
||||
$errorc: #990000;
|
||||
$successc: #73d216;
|
||||
|
||||
|
||||
$titlebar_active_fg: $selected_fg;
|
||||
$titlebar_active_bg: $selected_bg;
|
||||
|
||||
$titlebar_backdrop_fg: $window_fg;
|
||||
$titlebar_backdrop_bg: $window_bg;
|
||||
|
||||
$hint_fg: #002269;
|
||||
$hint_bg: #6789b4;
|
||||
|
||||
$osd_fg: $hint_fg;
|
||||
$osd_bg: $hint_bg;
|
||||
|
||||
|
||||
|
||||
211
source/common/buttons.scss
Normal file
211
source/common/buttons.scss
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
//auxiliary functions for buttons first
|
||||
|
||||
$_default_button_c: $button_bg;
|
||||
|
||||
@function _border_color($c, $darker: false) {
|
||||
@if $darker == true { @return darken($c, 20%); }
|
||||
@else { @return darken($c, 10%); }
|
||||
}
|
||||
|
||||
@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) {
|
||||
//
|
||||
// calculate the color of text shadows
|
||||
//
|
||||
// $tc is the text color
|
||||
// $bg is the background color
|
||||
//
|
||||
$_lbg: lightness($bg)/100%;
|
||||
@if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); }
|
||||
@else { @return transparentize(black, $_lbg*0.8); }
|
||||
}
|
||||
|
||||
@function _button_hilight_color($c) {
|
||||
//
|
||||
// calculate the right top hilight color for buttons
|
||||
//
|
||||
// $c: base color;
|
||||
//
|
||||
@if lightness($c)>95% { @return white; }
|
||||
@else if lightness($c)>90% { @return transparentize(white, 0.15); }
|
||||
@else if lightness($c)>80% { @return transparentize(white, 0.35); }
|
||||
@else if lightness($c)>50% { @return transparentize(white, 0.5); }
|
||||
@else if lightness($c)>40% { @return transparentize(white, 0.65); }
|
||||
@else { @return transparentize(white, 0.7); }
|
||||
//@return $top_hilight;
|
||||
}
|
||||
|
||||
@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
|
||||
//
|
||||
// helper function for the text emboss effect
|
||||
//
|
||||
// $tc is the optional text color, not the shadow color
|
||||
//
|
||||
// TODO: this functions needs a way to deal with special cases
|
||||
//
|
||||
|
||||
$_shadow: _text_shadow_color($tc, $bg);
|
||||
|
||||
@if lightness($tc)<50% {
|
||||
text-shadow: 0 1px _button_hilight_color($tc);//$_shadow;
|
||||
-gtk-icon-shadow: 0 1px _button_hilight_color($tc);//$_shadow;
|
||||
}
|
||||
@else {
|
||||
text-shadow: 0 -1px $_shadow;
|
||||
-gtk-icon-shadow: 0 -1px $_shadow;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@mixin button($t, $c:$button_bg, $tc:$button_fg, $edge: none, $backimage: null) {
|
||||
|
||||
//
|
||||
// Button drawing function
|
||||
//
|
||||
// $t: button type,
|
||||
// $c: base button color for colored* types
|
||||
// $tc: optional text color for colored* types
|
||||
// $edge: set to none to not draw the bottom edge or specify a color to not
|
||||
// use the default one
|
||||
// $backimage: additional background-image behind the default one
|
||||
// (for the button.circular hack)
|
||||
//
|
||||
// possible $t values (gtk3):
|
||||
// normal, hover, active, insensitive, insensitive-active,
|
||||
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
|
||||
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
|
||||
|
||||
// possible $t values (gtk4):
|
||||
// normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active,
|
||||
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
|
||||
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
|
||||
|
||||
// this mixin needs to cover both gtk3 and gtk4 cases in order to work.
|
||||
// gtk4 mixin calls only include $t, $c and $tc, therefore it should be safe to use in both.
|
||||
|
||||
//TODO: gtk3 add cases in common.scss to separate active from checked-active
|
||||
|
||||
$_hilight_color: _button_hilight_color($c);
|
||||
$_button_edge: if($edge == none, none, _widget_edge($edge));
|
||||
$_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1)));
|
||||
$_button_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6);
|
||||
|
||||
$button_clickable_image: linear-gradient(
|
||||
to bottom,
|
||||
transparentize($_hilight_color, if($variant == 'light', 0.2 ,0.3 )),
|
||||
transparentize($_hilight_color, 1) 50%,
|
||||
transparentize($shadow_hard_color, 1) 50%,
|
||||
transparentize($shadow_hard_color, if($variant == 'light',0.85,0.7)) );
|
||||
|
||||
@if $t==normal or $t==normal-alt {
|
||||
//
|
||||
// normal button
|
||||
//
|
||||
|
||||
color: $tc;
|
||||
background-color: $c;
|
||||
outline-color: $focus_border_color;
|
||||
background-image: $button_clickable_image;
|
||||
@include _button_text_shadow($tc, $c);
|
||||
@include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow);
|
||||
|
||||
}
|
||||
@else if $t==hover or $t==hover-alt or $t==undecorated-hover {
|
||||
//
|
||||
// hovered button
|
||||
//
|
||||
background-color: shade($c, 1.1)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@else if ($t==active) {
|
||||
//
|
||||
// pushed button
|
||||
//
|
||||
//color: $button_checked_fg;
|
||||
//background-color: $button_checked_bg;
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow);
|
||||
}
|
||||
|
||||
@else if ($t==checked-active ) {
|
||||
//
|
||||
// pushed and toggled button
|
||||
//
|
||||
color: $button_checked_fg;
|
||||
background-color: $button_checked_bg;
|
||||
@include _button_text_shadow($button_checked_fg, $button_checked_bg);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow);
|
||||
|
||||
}
|
||||
|
||||
@else if ($t==checked-hover) {
|
||||
//
|
||||
// toggled button and hover
|
||||
//
|
||||
color: $button_checked_fg;
|
||||
background-color: shade($button_checked_bg, 1.1);
|
||||
@include _button_text_shadow($button_checked_fg, $button_checked_bg);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow);
|
||||
|
||||
}
|
||||
|
||||
|
||||
@else if $t==insensitive {
|
||||
//
|
||||
// insensitive button
|
||||
//
|
||||
color: $insensitive_fg_color;
|
||||
background-color: $insensitive_bg_color;
|
||||
background-image: if($backimage==null, none, $backimage);
|
||||
}
|
||||
@else if $t==insensitive-active {
|
||||
//
|
||||
// insensitive pushed button
|
||||
//
|
||||
color: $insensitive_fg_color;
|
||||
background-color: mix($insensitive_bg_color, $button_checked_bg, 85%);
|
||||
}
|
||||
|
||||
@else if $t==backdrop {
|
||||
//
|
||||
// backdrop button
|
||||
//
|
||||
background-image: if($backimage==null, none, $backimage);
|
||||
}
|
||||
@else if $t==backdrop-active {
|
||||
//
|
||||
// backdrop pushed button
|
||||
//
|
||||
}
|
||||
@else if $t==backdrop-insensitive {
|
||||
//
|
||||
// backdrop insensitive button
|
||||
//
|
||||
}
|
||||
|
||||
@else if $t==backdrop-insensitive-active {
|
||||
//
|
||||
// backdrop insensitive pushed button
|
||||
//
|
||||
}
|
||||
|
||||
//TODO: what happens with OSDs? Is it necessary to redefine them?
|
||||
|
||||
@else if $t==undecorated {
|
||||
//
|
||||
// reset
|
||||
//
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
|
||||
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
}
|
||||
68
source/common/checkradios.scss
Normal file
68
source/common/checkradios.scss
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
/***************************
|
||||
* Check and Radio buttons *
|
||||
***************************/
|
||||
|
||||
@mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) {
|
||||
// Check/Radio drawing function
|
||||
//
|
||||
// $t: check/radio type,
|
||||
// $c: base button color for colored* types
|
||||
// $tc: optional text color for colored* types
|
||||
// $checked: bool to chose between checked/unchecked
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu
|
||||
|
||||
$_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color);
|
||||
$_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7));
|
||||
|
||||
@if $t==normal {
|
||||
background-clip: if($checked, border-box, padding-box);
|
||||
background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
|
||||
border-color: $_border_color;
|
||||
box-shadow: 0 1px transparentize(black, 0.95);
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==hover {
|
||||
background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%));
|
||||
}
|
||||
|
||||
@if $t==active {
|
||||
box-shadow: inset 0 1px if($variant == 'light', rgba(0, 0, 0, 0.2), black);
|
||||
background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%)));
|
||||
}
|
||||
|
||||
@if $t==insensitive {
|
||||
box-shadow: none;
|
||||
color: $insensitive_fg_color;
|
||||
}
|
||||
|
||||
@if $t==backdrop {
|
||||
background-image: image($c);
|
||||
box-shadow: none;
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==backdrop-insensitive {
|
||||
box-shadow: none;
|
||||
color: $insensitive_fg_color;
|
||||
}
|
||||
|
||||
@if $t==menu {
|
||||
transform: scale(0.8);
|
||||
border-width: 1.2px;
|
||||
//border-color: transparent;
|
||||
box-shadow: none;
|
||||
background-image: image(transparent);
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==menu-active {
|
||||
transform: scale(0.8);
|
||||
border-width: 1.2px;
|
||||
color: $tc;
|
||||
box-shadow: none;
|
||||
background-image: image(transparent);
|
||||
}
|
||||
}
|
||||
78
source/common/common_colors.scss
Normal file
78
source/common/common_colors.scss
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
// Common colors
|
||||
|
||||
$base_color: $text_widget_bg;
|
||||
$text_color: $text_widget_fg;
|
||||
$bg_color: $window_bg;
|
||||
$fg_color: $window_fg;
|
||||
|
||||
$selected_fg_color: $selected_fg;
|
||||
$selected_bg_color: $selected_bg;
|
||||
|
||||
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%));
|
||||
|
||||
$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%));
|
||||
$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%));
|
||||
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
|
||||
|
||||
$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
|
||||
$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
|
||||
$top_hilight: $borders_edge;
|
||||
$dark_fill: mix($borders_color, $bg_color, 50%);
|
||||
|
||||
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
|
||||
|
||||
$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%));
|
||||
$scrollbar_slider_color: mix($fg_color, $bg_color, 60%);
|
||||
$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%);
|
||||
$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%));
|
||||
|
||||
$warning_color: $warningc;
|
||||
$error_color: $errorc;
|
||||
$success_color: $successc;
|
||||
$destructive_color: $errorc;
|
||||
|
||||
//$warning_fg: if($variant == 'light', shade($warningc,0.5), shade($warningc,1.3));
|
||||
//$warning_bg: if($variant == 'light', shade($warningc,1.3), shade($warningc,0.5));
|
||||
|
||||
$osd_fg_color: $osd_fg;
|
||||
$osd_text_color: $osd_fg;
|
||||
$osd_bg_color: transparentize($osd_bg, 0.3); //if($variant == 'light', transparentize(darken(desaturate($osd_bg, 100%), 4%),0.3), transparentize(darken(desaturate($osd_bg, 100%), 10%),0.3));
|
||||
|
||||
|
||||
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
|
||||
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
|
||||
$osd_borders_color: $hint_fg;
|
||||
|
||||
$sidebar_bg_color: mix($bg_color, $base_color, 50%);
|
||||
|
||||
$tooltip_borders_color: $hint_fg;
|
||||
$shadow_color: transparentize(black, 0.9);
|
||||
$shadow_hard_color: opacify($shadow_color, 1);
|
||||
|
||||
$drop_target_color: $success_color;
|
||||
|
||||
//insensitive state derived colors
|
||||
$insensitive_fg_color: $disabled_fg;
|
||||
$insensitive_bg_color: $disabled_bg;
|
||||
$insensitive_borders_color: mix($borders_color, $disabled_fg, 50%);
|
||||
|
||||
//colors for the backdrop state, derived from the main colors.
|
||||
$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
|
||||
$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
|
||||
$backdrop_bg_color: $bg_color;
|
||||
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
|
||||
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
|
||||
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
|
||||
$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,100%),0.5);
|
||||
$backdrop_borders_color: mix($borders_color, $bg_color, 80%);
|
||||
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
|
||||
|
||||
//special cased widget colors
|
||||
$suggested_bg_color: $selected_bg_color;
|
||||
$suggested_border_color: $selected_borders_color;
|
||||
$progress_bg_color: $selected_bg_color;
|
||||
$progress_border_color: $selected_borders_color;
|
||||
$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
|
||||
$checkradio_fg_color: $selected_fg_color;
|
||||
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
|
||||
$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
|
||||
49
source/common/common_common.scss
Normal file
49
source/common/common_common.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
@function gtkalpha($c,$a) {
|
||||
@return unquote("alpha(#{$c},#{$a})");
|
||||
}
|
||||
|
||||
// Optional compact sizes for buttons, headerbar and headerbar widgets
|
||||
$_sizevariant: 'compact'; //either 'default', or compact otherwise
|
||||
$_headerbar_height: if($_sizevariant=='default', 46px, 40px);
|
||||
$_entry_height: if($_sizevariant=='default', 32px, 28px);
|
||||
$_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px);
|
||||
$_hb_btn_pad: if($_sizevariant=='default', 6px, 5px);
|
||||
$_img_btn_pad: if($_sizevariant=='default', 5px, 2px);
|
||||
$_sel_menu_pad: if($_sizevariant=='default', 6px 10px, 4px 10px);
|
||||
$_circ_btn_pad: if($_sizevariant=='default', 4px, 2px);
|
||||
$_switch_margin: if($_sizevariant=='default', 10px, 7px);
|
||||
|
||||
|
||||
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
$asset_suffix: if($variant=='dark', '-dark', '');
|
||||
$backdrop_transition: 200ms ease-out;
|
||||
|
||||
$button_transition: all 200ms $ease-out-quad;
|
||||
$button_radius: 5px;
|
||||
|
||||
//added by me:
|
||||
$button_min_height: 24px;
|
||||
$button_min_width: 16px;
|
||||
$button_padding: $_btn_pad;
|
||||
$button_border: 1px solid;
|
||||
|
||||
$menu_radius: 5px;
|
||||
|
||||
|
||||
%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%); }
|
||||
|
||||
@at-root %selected_items_backdrop,
|
||||
&:backdrop {
|
||||
color: $backdrop_selected_fg_color;
|
||||
|
||||
&:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
494
source/common/gtk3_removed.scss
Normal file
494
source/common/gtk3_removed.scss
Normal file
|
|
@ -0,0 +1,494 @@
|
|||
//This file is just a quick placeholder for removed code, so I can easily inspect it when I see bugs in my code that replaces this.
|
||||
//It is not used when compiling the theme
|
||||
|
||||
// _drawing.scss
|
||||
|
||||
|
||||
|
||||
@mixin button($t, $c:$button_bg, $tc:$button_fg, $edge: none, $backimage: null) {
|
||||
//
|
||||
// Button drawing function
|
||||
//
|
||||
// $t: button type,
|
||||
// $c: base button color for colored* types
|
||||
// $tc: optional text color for colored* types
|
||||
// $edge: set to none to not draw the bottom edge or specify a color to not
|
||||
// use the default one
|
||||
// $backimage: additional background-image behind the default one
|
||||
// (for the button.circular hack)
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, hover, active, insensitive, insensitive-active,
|
||||
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
|
||||
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
|
||||
//
|
||||
$_hilight_color: _button_hilight_color($tc);
|
||||
$_button_edge: if($edge == none, none, _widget_edge($edge));
|
||||
$_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1)));
|
||||
$_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03);
|
||||
|
||||
//$tc=red; //to test, comment!
|
||||
|
||||
@if $t==normal {
|
||||
//
|
||||
// normal button
|
||||
//
|
||||
color: $tc;
|
||||
outline-color: transparentize($tc, 0.7);
|
||||
border-color: if($c != $bg_color, _border_color($c), $borders_color);
|
||||
border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
|
||||
background-image: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c),
|
||||
linear-gradient(to top, darken($c,1%) 2px, $c)),
|
||||
$backimage;
|
||||
@include _button_text_shadow($tc, $c);
|
||||
@include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow);
|
||||
}
|
||||
|
||||
@else if $t==hover {
|
||||
//
|
||||
// hovered button
|
||||
//
|
||||
color: $tc;
|
||||
outline-color: transparentize($tc, 0.7);
|
||||
border-color: if($c != $bg_color, _border_color($c), $borders_color);
|
||||
border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
|
||||
@if $variant == 'light' {
|
||||
background-image: linear-gradient(to top, $c, lighten($c, 1%) 1px),
|
||||
$backimage;
|
||||
@include _button_text_shadow($tc, lighten($c, 6%));
|
||||
@include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge, $_button_shadow);
|
||||
}
|
||||
@else {
|
||||
background-image: linear-gradient(to top, darken($c,1%), lighten($c, 1%) 1px),
|
||||
$backimage;
|
||||
@include _button_text_shadow($tc,lighten($c, 6%));
|
||||
@include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge, $_button_shadow);
|
||||
}
|
||||
}
|
||||
|
||||
@if $t==normal-alt {
|
||||
//
|
||||
// normal button alternative look
|
||||
//
|
||||
color: $tc;
|
||||
outline-color: transparentize($tc, 0.7);
|
||||
border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
|
||||
@include _button_text_shadow($tc, $c);
|
||||
@if $variant == 'light' {
|
||||
background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
|
||||
@include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
|
||||
$_button_edge, $_button_shadow);
|
||||
}
|
||||
@else {
|
||||
background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%);
|
||||
@include _shadows(inset 0 1px $_hilight_color,
|
||||
$_button_edge, $_button_shadow);
|
||||
}
|
||||
}
|
||||
|
||||
@else if $t==hover-alt {
|
||||
//
|
||||
// hovered button alternative look
|
||||
//
|
||||
color: $tc;
|
||||
outline-color: transparentize($tc, 0.7);
|
||||
border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
|
||||
@if $variant == 'light' {
|
||||
background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%);
|
||||
@include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
|
||||
$_button_edge, $_button_shadow);
|
||||
}
|
||||
@else {
|
||||
background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%);
|
||||
@include _shadows(inset 0 1px $_hilight_color,
|
||||
$_button_edge, $_button_shadow);
|
||||
}
|
||||
}
|
||||
|
||||
@else if $t==active {
|
||||
//
|
||||
// pushed button
|
||||
//
|
||||
color: $tc;
|
||||
outline-color: transparentize($tc, 0.7);
|
||||
border-color: if($c != $bg_color, _border_color($c), $borders_color);
|
||||
background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%)));
|
||||
@include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge);
|
||||
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==insensitive {
|
||||
//
|
||||
// insensitive button
|
||||
//
|
||||
$_bg: $insensitive_bg_color;
|
||||
|
||||
color: $insensitive_fg_color;
|
||||
border-color: $insensitive_borders_color;
|
||||
background-image: image($_bg);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
// white with 0 alpha to avoid an ugly transition, since no color means
|
||||
// black with 0 alpha
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
|
||||
}
|
||||
|
||||
@else if $t==insensitive-active {
|
||||
//
|
||||
// insensitive pushed button
|
||||
//
|
||||
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%));
|
||||
$_bc: if($c != $bg_color, _border_color($c), $insensitive_borders_color);
|
||||
|
||||
color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color);
|
||||
border-color: $_bc;
|
||||
background-image: image($_bg);
|
||||
// white with 0 alpha to avoid an ugly transition, since no color means
|
||||
// black with 0 alpha
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
|
||||
}
|
||||
|
||||
@else if $t==backdrop {
|
||||
//
|
||||
// backdrop button
|
||||
//
|
||||
$_bg: if($c != $bg_color, $c, $backdrop_bg_color);
|
||||
$_bc: if($variant == 'light', $c, _border_color($c));
|
||||
|
||||
color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
|
||||
border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
|
||||
}
|
||||
|
||||
@else if $t==backdrop-active {
|
||||
//
|
||||
// backdrop pushed button
|
||||
//
|
||||
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
|
||||
$_bc: if($variant == 'light', $_bg ,_border_color($c));
|
||||
|
||||
color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
|
||||
border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
|
||||
}
|
||||
|
||||
@else if $t==backdrop-insensitive {
|
||||
//
|
||||
// backdrop insensitive button
|
||||
//
|
||||
|
||||
$_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
|
||||
$_bc: if($variant == 'light', $_bg,_border_color($c));
|
||||
|
||||
color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
|
||||
border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
// white with 0 alpha to avoid an ugly transition, since no color means
|
||||
// black with 0 alpha
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
|
||||
}
|
||||
|
||||
@else if $t==backdrop-insensitive-active {
|
||||
//
|
||||
// backdrop insensitive pushed button
|
||||
//
|
||||
|
||||
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
|
||||
$_bc: if($variant == 'light', $_bg, _border_color($c));
|
||||
|
||||
color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
|
||||
border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
|
||||
}
|
||||
|
||||
@else if $t==osd {
|
||||
//
|
||||
// normal osd button
|
||||
//
|
||||
$_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color);
|
||||
|
||||
color: $osd_fg_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
box-shadow: inset 0 1px transparentize(white, 0.9);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black;
|
||||
outline-color: transparentize($osd_fg_color, 0.7);
|
||||
}
|
||||
|
||||
@else if $t==osd-hover {
|
||||
//
|
||||
// active osd button
|
||||
//
|
||||
$_bg: if($c != $bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%));
|
||||
|
||||
color: white;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
box-shadow: inset 0 1px transparentize(white, 0.9);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black;
|
||||
outline-color: transparentize($osd_fg_color, 0.7);
|
||||
}
|
||||
|
||||
@else if $t==osd-active {
|
||||
//
|
||||
// active osd button
|
||||
//
|
||||
$_bg: if($c != $bg_color, $c, $osd_borders_color);
|
||||
|
||||
color: white;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
outline-color: transparentize($osd_fg_color, 0.7);
|
||||
}
|
||||
|
||||
@else if $t==osd-insensitive {
|
||||
//
|
||||
// insensitive osd button
|
||||
//
|
||||
color: $osd_insensitive_fg_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($osd_insensitive_bg_color);
|
||||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==osd-backdrop {
|
||||
//
|
||||
// backdrop osd button
|
||||
//
|
||||
$_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color);
|
||||
|
||||
color: $osd_fg_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==undecorated {
|
||||
//
|
||||
// reset
|
||||
//
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
|
||||
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
|
||||
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/***************************
|
||||
* Check and Radio buttons *
|
||||
***************************/
|
||||
@import "../common/buttons.scss";
|
||||
|
||||
@mixin check($t, $c:$bg_color, $tc:$fg_color, $checked: false) {
|
||||
// Check/Radio drawing function
|
||||
//
|
||||
// $t: check/radio type,
|
||||
// $c: base button color for colored* types
|
||||
// $tc: optional text color for colored* types
|
||||
// $checked: bool to chose between checked/unchecked
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, hover, active, insensitive, backdrop, backdrop-insensitive
|
||||
|
||||
$_border_color: if($c==$checkradio_bg_color, $c, $alt_borders_color);
|
||||
$_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7));
|
||||
|
||||
@if $t==normal {
|
||||
background-clip: if($checked, border-box, padding-box);
|
||||
background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
|
||||
border-color: $_border_color;
|
||||
box-shadow: 0 1px transparentize(black, 0.95);
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==hover {
|
||||
background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%));
|
||||
}
|
||||
|
||||
@if $t==active {
|
||||
box-shadow: inset 0 1px 1px 0px if($variant == 'light', rgba(0, 0, 0, 0.2), black);
|
||||
}
|
||||
|
||||
@if $t==insensitive {
|
||||
box-shadow: none;
|
||||
color: transparentize($tc, 0.3);
|
||||
}
|
||||
|
||||
@if $t==backdrop {
|
||||
background-image: image($c);
|
||||
box-shadow: none;
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==backdrop-insensitive {
|
||||
box-shadow: none;
|
||||
color: transparentize($tc, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// _common.scss
|
||||
|
||||
/* Darken switchbuttons for headerbars. issue #1588 */
|
||||
stackswitcher button:checked,
|
||||
button.toggle:checked {
|
||||
|
||||
background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%)));
|
||||
border-color: darken($borders_color, 3%);
|
||||
border-top-color: darken($borders_color, 8%);
|
||||
&:backdrop {
|
||||
@include button(backdrop-active);
|
||||
}
|
||||
}
|
||||
|
||||
/*****************
|
||||
* GtkSpinButton *
|
||||
*****************/
|
||||
|
||||
// this was inside
|
||||
button {
|
||||
min-height: 16px;
|
||||
margin: 0;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
color: mix($fg_color, $base_color, 90%);
|
||||
background-image: none;
|
||||
border-style: none none none solid;
|
||||
border-color: transparentize($borders_color, 0.7);
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
|
||||
&:dir(rtl) { border-style: none solid none none; }
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: $base_hover_color;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: $insensitive_fg_color;
|
||||
background-color: $insensitive_bg_color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: transparentize(black, 0.9);
|
||||
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
color: mix($backdrop_fg_color, $backdrop_base_color, 90%);
|
||||
background-color: transparent;
|
||||
border-color: transparentize($backdrop_borders_color, 0.7);
|
||||
transition: $backdrop_transition;
|
||||
}
|
||||
|
||||
&:backdrop:disabled {
|
||||
color: $insensitive_fg_color;
|
||||
background-color: $insensitive_bg_color;
|
||||
background-image: none;
|
||||
border-style: none none none solid; // It is needed or it gets overridden
|
||||
|
||||
&:dir(rtl) { border-style: none solid none none; }
|
||||
}
|
||||
|
||||
&:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
|
||||
|
||||
&:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; }
|
||||
}
|
||||
|
||||
// scrollbar {...
|
||||
|
||||
&.overlay-indicator {
|
||||
&:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
opacity: 0.4;
|
||||
background-color: transparent;
|
||||
|
||||
slider {
|
||||
margin: 0;
|
||||
min-width: 3px;
|
||||
min-height: 3px;
|
||||
background-color: $fg_color;
|
||||
border: 1px solid if($variant == 'light', white, black);
|
||||
}
|
||||
|
||||
button {
|
||||
min-width: 5px;
|
||||
min-height: 5px;
|
||||
background-color: $fg_color;
|
||||
background-clip: padding-box;
|
||||
border-radius: 100%;
|
||||
border: 1px solid if($variant == 'light', white, black);
|
||||
-gtk-icon-source: none;
|
||||
}
|
||||
|
||||
&.horizontal {
|
||||
slider {
|
||||
margin: 0 2px;
|
||||
min-width: $_slider_min_length;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 1px 2px;
|
||||
min-width: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
slider {
|
||||
margin: 2px 0;
|
||||
min-height: $_slider_min_length;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 2px 1px;
|
||||
min-height: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dragging,
|
||||
&.hovering { opacity: 0.8; }
|
||||
}
|
||||
427
source/common/gtk4_removed.scss
Normal file
427
source/common/gtk4_removed.scss
Normal file
|
|
@ -0,0 +1,427 @@
|
|||
//This file is just a quick placeholder for removed code, so I can easily inspect it when I see bugs in my code that replaces this.
|
||||
//It is not used when compiling the theme
|
||||
|
||||
// _drawing.scss
|
||||
|
||||
@mixin button($t, $c:$_default_button_c, $tc:$fg_color) {
|
||||
//
|
||||
// Button drawing function
|
||||
//
|
||||
// $t: button type,
|
||||
// $c: base button color for colored* types
|
||||
// $tc: optional text color for colored* types
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active,
|
||||
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
|
||||
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
|
||||
//
|
||||
$_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03);
|
||||
|
||||
@if $t==normal {
|
||||
//
|
||||
// normal button
|
||||
//
|
||||
color: $tc;
|
||||
outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color);
|
||||
border-color: if($c!=$_default_button_c, _border_color($c, true), $borders_color); //tint if not default button color
|
||||
background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c),
|
||||
linear-gradient(to top, darken($c,1%) 2px, $c));
|
||||
@include _shadows($_button_shadow);
|
||||
}
|
||||
|
||||
@else if $t==hover {
|
||||
//
|
||||
// hovered button
|
||||
//
|
||||
color: $tc;
|
||||
border-color: if($c != $_default_button_c, _border_color($c), $borders_color);
|
||||
@if $variant == 'light' {
|
||||
background-image: linear-gradient(to top, darken($c,16%), darken($c,8%) 1px);
|
||||
@include _shadows($_button_shadow);
|
||||
}
|
||||
@else {
|
||||
background-image: linear-gradient(to top, darken($c,4%) 20%, darken($c, 3%) 90%);
|
||||
@include _shadows($_button_shadow);
|
||||
}
|
||||
}
|
||||
|
||||
@else if $t==active {
|
||||
//
|
||||
// pushed button
|
||||
//
|
||||
color: $tc;
|
||||
border-color: if($c != $_default_button_c, _border_color($c), $borders_color);
|
||||
background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%)));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==checked-hover {
|
||||
//
|
||||
// pushed togglebutton hover
|
||||
//
|
||||
color: $tc;
|
||||
border-color: if($c != $_default_button_c, _border_color($c), $borders_color);
|
||||
background-image: if($variant == 'light', image(darken($c, 18%)), image(darken($c, 12%)));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==checked-active {
|
||||
//
|
||||
// pushed togglebutton pushed further :)
|
||||
//
|
||||
color: $tc;
|
||||
border-color: if($c != $_default_button_c, _border_color($c), $borders_color);
|
||||
background-image: if($variant == 'light', image(darken($c, 22%)), image(darken($c, 14%)));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==insensitive {
|
||||
//
|
||||
// insensitive button
|
||||
//
|
||||
$_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color);
|
||||
|
||||
color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color);
|
||||
border-color: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color);
|
||||
background-image: image($_bg);
|
||||
}
|
||||
|
||||
@else if $t==insensitive-active {
|
||||
//
|
||||
// insensitive pushed button
|
||||
//
|
||||
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%));
|
||||
$_bc: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color);
|
||||
|
||||
color: if($c != $_default_button_c, mix($tc, $_bg, 60%), $insensitive_fg_color);
|
||||
border-color: $_bc;
|
||||
background-image: image($_bg);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==backdrop {
|
||||
//
|
||||
// backdrop button
|
||||
//
|
||||
$_bg: if($c != $_default_button_c, $c, $backdrop_bg_color);
|
||||
$_bc: if($variant == 'light', $c, _border_color($c));
|
||||
|
||||
color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
|
||||
border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==backdrop-active {
|
||||
//
|
||||
// backdrop pushed button
|
||||
//
|
||||
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
|
||||
$_bc: if($variant == 'light', $_bg ,_border_color($c));
|
||||
|
||||
color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
|
||||
border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==backdrop-insensitive {
|
||||
//
|
||||
// backdrop insensitive button
|
||||
//
|
||||
|
||||
$_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color);
|
||||
$_bc: if($variant == 'light', $_bg,_border_color($c));
|
||||
|
||||
color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
|
||||
border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==backdrop-insensitive-active {
|
||||
//
|
||||
// backdrop insensitive pushed button
|
||||
//
|
||||
|
||||
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
|
||||
$_bc: if($variant == 'light', $_bg, _border_color($c));
|
||||
|
||||
color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
|
||||
border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
|
||||
background-image: image($_bg);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==osd {
|
||||
//
|
||||
// normal osd button
|
||||
//
|
||||
$_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color);
|
||||
|
||||
color: $osd_fg_color;
|
||||
outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color);
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
@else if $t==osd-hover {
|
||||
//
|
||||
// active osd button
|
||||
//
|
||||
$_bg: if($c != $_default_button_c, transparentize($c, 0.3), darken($osd_bg_color, 10%));
|
||||
|
||||
color: white;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
@else if $t==osd-active {
|
||||
//
|
||||
// active osd button
|
||||
//
|
||||
$_bg: if($c != $_default_button_c, $c, darken($osd_bg_color, 20%));
|
||||
|
||||
color: white;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@else if $t==osd-insensitive {
|
||||
//
|
||||
// insensitive osd button
|
||||
//
|
||||
color: $osd_insensitive_fg_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($osd_insensitive_bg_color);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
@else if $t==osd-backdrop {
|
||||
//
|
||||
// backdrop osd button
|
||||
//
|
||||
$_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color);
|
||||
|
||||
color: $osd_fg_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparent;
|
||||
background-image: image($_bg);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
@else if $t==undecorated {
|
||||
//
|
||||
// reset
|
||||
//
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@else if $t==undecorated-hover {
|
||||
border-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
@if $variant == 'light' {
|
||||
background-color: darken($c,14%);
|
||||
} @else {
|
||||
background-color: darken($c,1%);
|
||||
}
|
||||
}
|
||||
@else if $t==undecorated-active {
|
||||
border-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
@if $variant == 'light' {
|
||||
background-color: darken($c,20%);
|
||||
}
|
||||
@else {
|
||||
background-color: darken($c,5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/***************************
|
||||
* Check and Radio buttons *
|
||||
***************************/
|
||||
|
||||
@mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) {
|
||||
// Check/Radio drawing function
|
||||
//
|
||||
// $t: check/radio type,
|
||||
// $c: base button color for colored* types
|
||||
// $tc: optional text color for colored* types
|
||||
// $checked: bool to chose between checked/unchecked
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu
|
||||
|
||||
$_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color);
|
||||
$_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7));
|
||||
|
||||
@if $t==normal {
|
||||
background-clip: if($checked, border-box, padding-box);
|
||||
background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
|
||||
border-color: $_border_color;
|
||||
box-shadow: 0 1px transparentize(black, 0.95);
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==hover {
|
||||
background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%));
|
||||
}
|
||||
|
||||
@if $t==active {
|
||||
box-shadow: inset 0 1px if($variant == 'light', rgba(0, 0, 0, 0.2), black);
|
||||
background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%)));
|
||||
}
|
||||
|
||||
@if $t==insensitive {
|
||||
box-shadow: none;
|
||||
color: transparentize($tc, 0.3);
|
||||
}
|
||||
|
||||
@if $t==backdrop {
|
||||
background-image: image($c);
|
||||
box-shadow: none;
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==backdrop-insensitive {
|
||||
box-shadow: none;
|
||||
color: transparentize($tc, 0.3);
|
||||
}
|
||||
|
||||
@if $t==menu {
|
||||
transform: scale(0.8);
|
||||
border-width: 1.2px;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
background-image: image(transparent);
|
||||
color: $tc;
|
||||
}
|
||||
|
||||
@if $t==menu-active {
|
||||
transform: scale(0.8);
|
||||
border-width: 1.2px;
|
||||
color: $tc;
|
||||
box-shadow: none;
|
||||
background-image: image(transparent);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// _common.scss
|
||||
|
||||
/* Darken switchbuttons for headerbars. issue #1588 */
|
||||
stackswitcher > button:checked,
|
||||
button.toggle:checked {
|
||||
|
||||
background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%)));
|
||||
border-color: darken($borders_color, 3%);
|
||||
border-top-color: darken($borders_color, 8%);
|
||||
&:backdrop {
|
||||
@include button(backdrop-active);
|
||||
}
|
||||
}
|
||||
|
||||
/*****************
|
||||
* GtkSpinButton *
|
||||
*****************/
|
||||
|
||||
//this was inside
|
||||
|
||||
> button.image-button.up:not(.flat),
|
||||
> button.image-button.down:not(.flat) {
|
||||
min-height: 16px;
|
||||
margin: 0;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
color: mix($fg_color, $base_color, 90%);
|
||||
background-image: none;
|
||||
border-style: none none none solid;
|
||||
border-color: transparentize($borders_color, 0.7);
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
|
||||
&:dir(rtl) { border-style: none solid none none; }
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: darken($bg_color,5%);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: $insensitive_fg_color;
|
||||
background-color: $insensitive_bg_color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: transparentize(black, 0.9);
|
||||
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
|
||||
}
|
||||
|
||||
&:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
|
||||
|
||||
&:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; }
|
||||
}
|
||||
|
||||
|
||||
// scrollbar {...
|
||||
&.overlay-indicator {
|
||||
&:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
opacity: 0.4;
|
||||
background-color: transparent;
|
||||
|
||||
> range > trough > slider {
|
||||
margin: 0;
|
||||
min-width: 3px;
|
||||
min-height: 3px;
|
||||
background-color: $fg_color;
|
||||
border: 1px solid if($variant == 'light', white, black);
|
||||
}
|
||||
|
||||
&.horizontal {
|
||||
> range > trough > slider {
|
||||
margin: 0 2px;
|
||||
min-width: $_slider_min_length;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
> range > trough > slider {
|
||||
margin: 2px 0;
|
||||
min-height: $_slider_min_length;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dragging,
|
||||
&.hovering { opacity: 0.8; }
|
||||
}*/
|
||||
|
||||
90
source/common/old_slider_madness.scss
Normal file
90
source/common/old_slider_madness.scss
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
//this used to be in _common.scss. I've left there the warning to locate where it used to be. This code is now unused.
|
||||
|
||||
/*
|
||||
// *WARNING* scale with marks madness following
|
||||
|
||||
// FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those...
|
||||
$suffix: if($variant == 'light', '', '-dark');
|
||||
|
||||
@each $dir_class, $dir_infix in ('horizontal', 'horz'),
|
||||
('vertical', 'vert') {
|
||||
@each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'),
|
||||
('scale-has-marks-below', 'marks-after:not(.marks-before)') {
|
||||
@each $state, $state_infix in ('', ''),
|
||||
(':hover', '-hover'),
|
||||
(':active', '-active'),
|
||||
(':disabled', '-insensitive'),
|
||||
(':backdrop', '-backdrop'),
|
||||
(':backdrop:disabled', '-backdrop-insensitive') {
|
||||
&.#{$dir_class}.#{$marks_class} {
|
||||
|
||||
slider {
|
||||
&#{$state} {
|
||||
// an asymmetric slider asset is used here, so the margins are uneven, the smaller
|
||||
// margin is set on the point side.
|
||||
margin: -10px;
|
||||
$_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}';
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
|
||||
background-color: transparent;
|
||||
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
|
||||
|
||||
$_scale_slider_bg_pos: bottom;
|
||||
|
||||
@if $dir_class == 'horizontal' {
|
||||
min-height: 26px;
|
||||
min-width: 22px;
|
||||
|
||||
@if $marks_infix == 'scale-has-marks-above' {
|
||||
margin-top: -14px;
|
||||
|
||||
$_scale_slider_bg_pos: top;
|
||||
}
|
||||
|
||||
@else { margin-bottom: -14px; }
|
||||
}
|
||||
|
||||
@else {
|
||||
min-height: 22px;
|
||||
min-width: 26px;
|
||||
|
||||
@if $marks_infix == 'scale-has-marks-above' {
|
||||
margin-left: -14px;
|
||||
|
||||
$_scale_slider_bg_pos: left bottom;
|
||||
}
|
||||
|
||||
@else {
|
||||
margin-right: -14px;
|
||||
|
||||
$_scale_slider_bg_pos: right bottom;
|
||||
}
|
||||
}
|
||||
|
||||
background-position: $_scale_slider_bg_pos;
|
||||
background-repeat: no-repeat;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.fine-tune slider {
|
||||
// bigger negative margins to make the trough grow here as well
|
||||
margin: -7px;
|
||||
|
||||
@if $dir_class == 'horizontal' {
|
||||
@if $marks_infix == 'scale-has-marks-above' { margin-top: -11px; }
|
||||
|
||||
@else { margin-bottom: -11px; }
|
||||
}
|
||||
|
||||
@else {
|
||||
@if $marks_infix == 'scale-has-marks-above' { margin-left: -11px; }
|
||||
|
||||
@else { margin-right: -11px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}*/
|
||||
147
source/compile.sh
Executable file
147
source/compile.sh
Executable file
|
|
@ -0,0 +1,147 @@
|
|||
#! /bin/bash
|
||||
|
||||
showHelp () {
|
||||
|
||||
echo "Usage: $(basename "$0") --help | source_dir dest_dir variant | variant"
|
||||
echo "Meaning:"
|
||||
echo -e "\t --help: display help"
|
||||
echo -e "\t source_dir: source to compile"
|
||||
echo -e "\t dest_dir: destination to copy resulting gtk.css to."
|
||||
echo -e "\t variant: either light or dark variant"
|
||||
echo -e "If no source and destination are specified, source is current directory and destination is parent directory"
|
||||
}
|
||||
|
||||
showErrorUsage () {
|
||||
# shows an error message (paramter 1) and then calls showHelp
|
||||
echo error: $1
|
||||
showHelp
|
||||
}
|
||||
|
||||
if [ ! "$(which sassc 2> /dev/null)" ]; then
|
||||
showErrorUsage "sassc needs to be installed to generate the css."
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [ $# -gt 3 ] || [ $# -eq 2 ]
|
||||
then
|
||||
showErrorUsage "incorrect number of parameters"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [[ $1 == "--help" || $1 == "-h" ]]
|
||||
then
|
||||
echo "Calling for help"
|
||||
showHelp
|
||||
exit 0;
|
||||
fi
|
||||
|
||||
if [ $# -le 1 ]
|
||||
then
|
||||
source_dir=.
|
||||
dest_dir=..
|
||||
else
|
||||
source_dir=$1
|
||||
dest_dir=$2
|
||||
fi
|
||||
|
||||
if [ $# -eq 1 ]
|
||||
then
|
||||
variant=$1
|
||||
else
|
||||
variant=$3
|
||||
fi
|
||||
|
||||
if [ "$variant" == "light" ]
|
||||
then
|
||||
gtkthree=""
|
||||
gtkfour="light"
|
||||
elif [ "$variant" == "dark" ]
|
||||
then
|
||||
gtkthree="-dark"
|
||||
gtkfour="dark"
|
||||
else
|
||||
showErrorUsage "invalid variant name '$variant'. Also: high contrast not yet supported."
|
||||
exit 2
|
||||
fi
|
||||
|
||||
|
||||
echo -e "\nCompiling with the following values: "
|
||||
echo -e " source: $source_dir"
|
||||
echo -e " destination: $dest_dir"
|
||||
echo -e " variant: $variant\n\n"
|
||||
|
||||
if [ ! -d "$source_dir" ]
|
||||
then
|
||||
showErrorUsage "source directory not found"
|
||||
exit 2
|
||||
fi
|
||||
|
||||
if [ ! -d "$dest_dir" ]
|
||||
then
|
||||
showErrorUsage "destination directory not found"
|
||||
exit 2
|
||||
fi
|
||||
|
||||
|
||||
|
||||
# ----------------- gtk3 -------------------------
|
||||
echo "Compiling gtk3..."
|
||||
|
||||
if [ ! -d "$source_dir/gtk3" ]
|
||||
then
|
||||
echo "Error: source directory must contain gtk3 subdirectory"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
sassc -M -t compact "$source_dir/gtk3/gtk-contained$gtkthree.scss" "$source_dir/gtk3/gtk-new.css"
|
||||
|
||||
if [ $? -ne 0 ]
|
||||
then
|
||||
echo "Error: sassc exited with error, aborting deployment of gtk3"
|
||||
else
|
||||
echo "Deploying gtk3..."
|
||||
if [ ! -d "$dest_dir/gtk-3.0" ]
|
||||
then
|
||||
mkdir "$dest_dir/gtk-3.0"
|
||||
fi
|
||||
cp "$source_dir/gtk3/gtk-new.css" "$dest_dir/gtk-3.0/gtk.css"
|
||||
if [ $? -ne 0 ]
|
||||
then
|
||||
echo "Deployment: error copying to destination directory."
|
||||
else
|
||||
echo "...done!"
|
||||
fi
|
||||
fi
|
||||
|
||||
|
||||
|
||||
|
||||
# ----------------- gtk4 -------------------------
|
||||
|
||||
echo -e "\n\n\nCompiling gtk4..."
|
||||
|
||||
if [ ! -d "$source_dir/gtk4" ]
|
||||
then
|
||||
echo "Error: source directory must contain gtk4 subdirectory"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
sassc -M -t compact "$source_dir/gtk4/Default-$gtkfour.scss" "$source_dir/gtk4/gtk-new.css"
|
||||
|
||||
if [ $? -ne 0 ]
|
||||
then
|
||||
echo "Error: sassc exited with error, aborting deployment of gtk4"
|
||||
else
|
||||
echo "Deploying gtk4..."
|
||||
if [ ! -d "$dest_dir/gtk-4.0" ]
|
||||
then
|
||||
mkdir "$dest_dir/gtk-4.0"
|
||||
fi
|
||||
cp "$source_dir/gtk4/gtk-new.css" "$dest_dir/gtk-4.0/gtk.css"
|
||||
if [ $? -ne 0 ]
|
||||
then
|
||||
echo "Deployment: error copying to destination directory."
|
||||
else
|
||||
echo "...done!"
|
||||
fi
|
||||
fi
|
||||
34
source/gtk3/README
Normal file
34
source/gtk3/README
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
Summary
|
||||
-------
|
||||
|
||||
* Do not edit the CSS directly, edit the source SCSS files
|
||||
* To be able to use the latest/adequate version of SASS, install sassc
|
||||
* The configure script will detect whether or not you have sassc installed;
|
||||
if you do, it will regenerate the CSS every time you modify the SCSS files
|
||||
and rebuild GTK+.
|
||||
|
||||
How to tweak the theme
|
||||
----------------------
|
||||
|
||||
Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The
|
||||
generated CSS is then transformed into a GResource file during GTK+ build and used at runtime in a
|
||||
non-legible or editable form.
|
||||
|
||||
It is very likely your change will happen in the _common.scss file. That's where all the widget
|
||||
selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the
|
||||
right place for a drive by stylesheet fix:
|
||||
|
||||
_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum,
|
||||
most colors are derived form a handful of basics. It covers both the light variant and
|
||||
the dark variant.
|
||||
|
||||
_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing.
|
||||
|
||||
_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under
|
||||
specific context. This is why Adwaita isn't 15000 LOC.
|
||||
|
||||
_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove
|
||||
your changes.
|
||||
|
||||
You can read about SASS at http://sass-lang.com/documentation/. Once you make
|
||||
your changes to the _common.scss file, GTK+ will rebuild the CSS files.
|
||||
119
source/gtk3/_colors-public.scss
Normal file
119
source/gtk3/_colors-public.scss
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
//apps rely on some named colors to be exported
|
||||
/* GTK NAMED COLORS
|
||||
----------------
|
||||
use responsibly! */
|
||||
|
||||
// Sass thinks we're using the colors in the variables as strings and may shoot
|
||||
// warning, it's innocuous and can be defeated by using "" + $var
|
||||
/*
|
||||
widget text/foreground color */
|
||||
@define-color theme_fg_color #{"" +$fg_color};
|
||||
|
||||
/*
|
||||
text color for entries, views and content in general */
|
||||
@define-color theme_text_color #{"" +$text_color};
|
||||
|
||||
/*
|
||||
widget base background color */
|
||||
@define-color theme_bg_color #{"" +$bg_color};
|
||||
|
||||
/*
|
||||
text widgets and the like base background color */
|
||||
@define-color theme_base_color #{"" +$base_color};
|
||||
|
||||
/*
|
||||
base background color of selections */
|
||||
@define-color theme_selected_bg_color #{"" +$selected_bg_color};
|
||||
|
||||
/*
|
||||
text/foreground color of selections */
|
||||
@define-color theme_selected_fg_color #{"" +$selected_fg_color};
|
||||
|
||||
/*
|
||||
base background color of insensitive widgets */
|
||||
@define-color insensitive_bg_color #{"" +$insensitive_bg_color};
|
||||
|
||||
/*
|
||||
text foreground color of insensitive widgets */
|
||||
@define-color insensitive_fg_color #{"" +$insensitive_fg_color};
|
||||
|
||||
/*
|
||||
insensitive text widgets and the like base background color */
|
||||
@define-color insensitive_base_color #{"" +$base_color};
|
||||
|
||||
/*
|
||||
widget text/foreground color on backdrop windows */
|
||||
@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color};
|
||||
|
||||
/*
|
||||
text color for entries, views and content in general on backdrop windows */
|
||||
@define-color theme_unfocused_text_color #{"" +$text_color};
|
||||
|
||||
/*
|
||||
widget base background color on backdrop windows */
|
||||
@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color};
|
||||
|
||||
/*
|
||||
text widgets and the like base background color on backdrop windows */
|
||||
@define-color theme_unfocused_base_color #{"" +$backdrop_base_color};
|
||||
|
||||
/*
|
||||
base background color of selections on backdrop windows */
|
||||
@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color};
|
||||
|
||||
/*
|
||||
text/foreground color of selections on backdrop windows */
|
||||
@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color};
|
||||
|
||||
/*
|
||||
insensitive color on backdrop windows*/
|
||||
@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color};
|
||||
|
||||
/*
|
||||
widgets main borders color */
|
||||
@define-color borders #{"" +$borders_color};
|
||||
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #{"" +$backdrop_borders_color};
|
||||
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #{"" +$warning_color};
|
||||
@define-color error_color #{"" +$error_color};
|
||||
@define-color success_color #{"" +$success_color};
|
||||
//@define-color destructive_color #{$destructive_color}
|
||||
|
||||
//WM
|
||||
|
||||
$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
|
||||
transparentize(black,1)); // done directly in the
|
||||
// color definition
|
||||
|
||||
/*
|
||||
these colors are exported for the window manager and shouldn't be used in applications,
|
||||
read if you used those and something break with a version upgrade you're on your own... */
|
||||
@define-color wm_title shade(#{$fg_color}, 1.8);
|
||||
@define-color wm_unfocused_title #{$backdrop_fg_color};
|
||||
@define-color wm_highlight #{"" + $_wm_highlight};
|
||||
@define-color wm_borders_edge #{"" + $borders_edge};
|
||||
|
||||
@define-color wm_bg_a shade(#{$bg_color}, 1.2);
|
||||
@define-color wm_bg_b #{$bg_color};
|
||||
|
||||
@define-color wm_shadow alpha(black, 0.35);
|
||||
@define-color wm_border alpha(black, 0.18);
|
||||
|
||||
@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
|
||||
@define-color wm_button_hover_color_b #{$bg_color};
|
||||
@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
|
||||
@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
|
||||
@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
|
||||
|
||||
//FIXME this is really an API
|
||||
|
||||
/* content view background such as thumbnails view in Photos or Boxes */
|
||||
@define-color content_view_bg #{"" + $base_color};
|
||||
|
||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||
@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};
|
||||
28
source/gtk3/_colors.scss
Normal file
28
source/gtk3/_colors.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
// When color definition differs for dark and light variant
|
||||
// it gets @if ed depending on $variant
|
||||
|
||||
@import '../common/theme_colors.scss';
|
||||
@import '../common/common_colors.scss';
|
||||
|
||||
|
||||
$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%));
|
||||
|
||||
$popover_bg_color: $bg_color;
|
||||
$popover_hover_color: lighten($bg_color, 5%);
|
||||
|
||||
|
||||
$base_hover_color: transparentize($fg_color, 0.95);
|
||||
|
||||
|
||||
|
||||
|
||||
//colors for the backdrop state, derived from the main colors.
|
||||
|
||||
$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
|
||||
|
||||
$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
|
||||
$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%);
|
||||
|
||||
$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
|
||||
|
||||
|
||||
77
source/gtk3/_colors.scss.original
Normal file
77
source/gtk3/_colors.scss.original
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
// When color definition differs for dark and light variant
|
||||
// it gets @if ed depending on $variant
|
||||
|
||||
$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%));
|
||||
$text_color: if($variant == 'light', black, white);
|
||||
$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%));
|
||||
$fg_color: if($variant == 'light', #2e3436, #eeeeec);
|
||||
|
||||
$selected_fg_color: #ffffff;
|
||||
$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%));
|
||||
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%));
|
||||
$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%));
|
||||
$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%));
|
||||
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
|
||||
$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
|
||||
$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
|
||||
$top_hilight: $borders_edge;
|
||||
$dark_fill: mix($borders_color, $bg_color, 50%);
|
||||
$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%));
|
||||
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
|
||||
$popover_bg_color: $bg_color;
|
||||
$popover_hover_color: lighten($bg_color, 5%);
|
||||
|
||||
$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%));
|
||||
$scrollbar_slider_color: mix($fg_color, $bg_color, 60%);
|
||||
$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%);
|
||||
$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%));
|
||||
|
||||
$warning_color: #f57900;
|
||||
$error_color: #cc0000;
|
||||
$success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%));
|
||||
$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
|
||||
|
||||
$osd_fg_color: #eeeeec;
|
||||
$osd_text_color: white;
|
||||
$osd_bg_color: if($variant == 'light', transparentize(darken(desaturate(#3d3846, 100%), 4%),0.1), transparentize(darken(desaturate(#3d3846, 100%), 10%),0.1));
|
||||
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
|
||||
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
|
||||
$osd_borders_color: transparentize(black, 0.3);
|
||||
|
||||
$sidebar_bg_color: mix($bg_color, $base_color, 50%);
|
||||
$base_hover_color: transparentize($fg_color, 0.95);
|
||||
|
||||
$tooltip_borders_color: transparentize(white, 0.9);
|
||||
$shadow_color: transparentize(black, 0.9);
|
||||
|
||||
$drop_target_color: #4e9a06;
|
||||
|
||||
//insensitive state derived colors
|
||||
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
|
||||
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
||||
$insensitive_borders_color: $borders_color;
|
||||
|
||||
//colors for the backdrop state, derived from the main colors.
|
||||
$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
|
||||
$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
|
||||
$backdrop_bg_color: $bg_color;
|
||||
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
|
||||
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
|
||||
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
|
||||
$backdrop_borders_color: mix($borders_color, $bg_color, 80%);
|
||||
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
|
||||
$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
|
||||
|
||||
$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
|
||||
$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%);
|
||||
|
||||
$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
|
||||
|
||||
//special cased widget colors
|
||||
$suggested_bg_color: $selected_bg_color;
|
||||
$suggested_border_color: $selected_borders_color;
|
||||
$progress_bg_color: $selected_bg_color;
|
||||
$progress_border_color: $selected_borders_color;
|
||||
$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
|
||||
$checkradio_fg_color: $selected_fg_color;
|
||||
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
|
||||
4666
source/gtk3/_common.scss
Normal file
4666
source/gtk3/_common.scss
Normal file
File diff suppressed because it is too large
Load diff
231
source/gtk3/_drawing.scss
Normal file
231
source/gtk3/_drawing.scss
Normal file
|
|
@ -0,0 +1,231 @@
|
|||
// Drawing mixins
|
||||
|
||||
// generic drawing of more complex things
|
||||
|
||||
//to allow some common mixins to know whether they've been called for a gtk3 or gtk4 widget, because there are some things that are different.
|
||||
$gtk: 4;
|
||||
|
||||
|
||||
@function _widget_edge($c:$borders_edge) {
|
||||
// outer highlight "used" on most widgets
|
||||
@if $c == none { @return none; }
|
||||
@else { @return 0 1px $c; }
|
||||
}
|
||||
|
||||
@mixin _shadows($list...) {
|
||||
//
|
||||
// Helper mixin to stack up to box-shadows;
|
||||
//
|
||||
$shadows: null;
|
||||
|
||||
@each $shadow in $list {
|
||||
@if $shadow!=none { $shadows: $shadows, $shadow; }
|
||||
}
|
||||
|
||||
box-shadow: $shadows;
|
||||
}
|
||||
|
||||
// entries
|
||||
@function entry_focus_border($fc:$selected_bg_color) {
|
||||
@if $variant == 'light' { @return $fc; }
|
||||
@else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); }
|
||||
}
|
||||
|
||||
@function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; }
|
||||
|
||||
@mixin entry($t, $fc:$selected_bg_color, $edge: none) {
|
||||
//
|
||||
// Entries drawing function
|
||||
//
|
||||
// $t: entry type
|
||||
// $fc: focus color
|
||||
// $edge: set to none to not draw the bottom edge or specify a color to not
|
||||
// use the default one
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop;
|
||||
//
|
||||
$_entry_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6);
|
||||
$_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1));
|
||||
$_entry_edge: if($edge == none, none, _widget_edge($edge));
|
||||
$_hilight_color: _button_hilight_color($bg_color);
|
||||
|
||||
@if $t==normal {
|
||||
color: $text_color;
|
||||
border-color: $borders_color;
|
||||
background-color: $base_color;
|
||||
@include _shadows(entry_focus_shadow(transparentize($fc, 1)),inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge);
|
||||
// for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here.
|
||||
}
|
||||
@if $t==focus {
|
||||
@include _shadows(entry_focus_shadow($fc), inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge);
|
||||
border-color: entry_focus_border($fc);
|
||||
}
|
||||
@if $t==insensitive {
|
||||
color: $insensitive_fg_color;
|
||||
border-color: $insensitive_fg_color;
|
||||
background-color: $insensitive_bg_color;
|
||||
box-shadow: $_entry_edge;
|
||||
}
|
||||
@if $t==backdrop {
|
||||
color: $backdrop_text_color;
|
||||
border-color: $backdrop_borders_color;
|
||||
background-color: $backdrop_base_color;
|
||||
box-shadow: $_blank_edge;
|
||||
}
|
||||
@if $t==backdrop-insensitive {
|
||||
color: $backdrop_insensitive_color;
|
||||
border-color: $backdrop_borders_color;
|
||||
background-color: $insensitive_bg_color;
|
||||
box-shadow: $_blank_edge;
|
||||
}
|
||||
@if $t==osd {
|
||||
color: $osd_text_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
|
||||
background-clip: padding-box;
|
||||
@include _shadows($_entry_shadow);;
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black;
|
||||
}
|
||||
@if $t==osd-focus {
|
||||
color: $osd_text_color;
|
||||
border-color: $selected_bg_color;
|
||||
background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
|
||||
background-clip: padding-box;
|
||||
@include _shadows(entry_focus_shadow($fc), $_entry_shadow);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black;
|
||||
}
|
||||
@if $t==osd-insensitive {
|
||||
color: $osd_insensitive_fg_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: $osd_insensitive_bg_color;
|
||||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
@if $t==osd-backdrop {
|
||||
color: $osd_text_color;
|
||||
border-color: $osd_borders_color;
|
||||
background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
|
||||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
// buttons
|
||||
|
||||
|
||||
|
||||
@import "../common/buttons.scss";
|
||||
|
||||
|
||||
@mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight, $ov: none) {
|
||||
//
|
||||
// headerbar fill
|
||||
//
|
||||
// $c: base color
|
||||
// $hc: top highlight color
|
||||
// $ov: a background layer for background shorthand (hence no commas!)
|
||||
//
|
||||
$gradient: linear-gradient(to top, darken($c, 2%), lighten($c, 1%));
|
||||
|
||||
@if $variant == 'dark' { $gradient: linear-gradient(to top, lighten($c, 4%), lighten($c, 6%)); }
|
||||
|
||||
@if $ov != none { background: $c $ov, $gradient; }
|
||||
@else { background: $c $gradient; }
|
||||
|
||||
box-shadow: inset 0 1px $hc; // top highlight
|
||||
}
|
||||
|
||||
@mixin overshoot($p, $t:normal, $c:$fg_color) {
|
||||
//
|
||||
// overshoot
|
||||
//
|
||||
// $p: position
|
||||
// $t: type
|
||||
// $c: base color
|
||||
//
|
||||
// possible $p values:
|
||||
// top, bottom, right, left
|
||||
//
|
||||
// possible $t values:
|
||||
// normal, backdrop
|
||||
//
|
||||
|
||||
$_small_gradient_length: 5%;
|
||||
$_big_gradient_length: 100%;
|
||||
|
||||
$_position: center top;
|
||||
$_small_gradient_size: 100% $_small_gradient_length;
|
||||
$_big_gradient_size: 100% $_big_gradient_length;
|
||||
|
||||
@if $p==bottom {
|
||||
$_position: center bottom;
|
||||
$_linear_gradient_direction: to top;
|
||||
}
|
||||
|
||||
@else if $p==right {
|
||||
$_position: right center;
|
||||
$_small_gradient_size: $_small_gradient_length 100%;
|
||||
$_big_gradient_size: $_big_gradient_length 100%;
|
||||
}
|
||||
|
||||
@else if $p==left {
|
||||
$_position: left center;
|
||||
$_small_gradient_size: $_small_gradient_length 100%;
|
||||
$_big_gradient_size: $_big_gradient_length 100%;
|
||||
}
|
||||
|
||||
$_small_gradient_color: $c;
|
||||
$_big_gradient_color: $c;
|
||||
|
||||
@if $c==$fg_color {
|
||||
$_small_gradient_color: darken($borders_color, 10%);
|
||||
$_big_gradient_color: $fg_color;
|
||||
|
||||
@if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
|
||||
}
|
||||
|
||||
$_small_gradient: -gtk-gradient(radial,
|
||||
$_position, 0,
|
||||
$_position, 0.5,
|
||||
to($_small_gradient_color),
|
||||
to(transparentize($_small_gradient_color, 1)));
|
||||
|
||||
$_big_gradient: -gtk-gradient(radial,
|
||||
$_position, 0,
|
||||
$_position, 0.6,
|
||||
from(transparentize($_big_gradient_color, 0.93)),
|
||||
to(transparentize($_big_gradient_color, 1)));
|
||||
|
||||
@if $t==normal {
|
||||
background-image: $_small_gradient, $_big_gradient;
|
||||
background-size: $_small_gradient_size, $_big_gradient_size;
|
||||
}
|
||||
|
||||
@else if $t==backdrop {
|
||||
background-image: $_small_gradient;
|
||||
background-size: $_small_gradient_size;
|
||||
}
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: $_position;
|
||||
|
||||
background-color: transparent; // reset some properties to be sure to not inherit them somehow
|
||||
border: none; //
|
||||
box-shadow: none; //
|
||||
}
|
||||
|
||||
/***************************
|
||||
* Check and Radio buttons *
|
||||
***************************/
|
||||
|
||||
@import "../common/checkradios.scss";
|
||||
|
||||
|
||||
|
||||
1
source/gtk3/_theme-colors.scss
Symbolic link
1
source/gtk3/_theme-colors.scss
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
../_theme_colors.scss
|
||||
2134
source/gtk3/assets.svg
Normal file
2134
source/gtk3/assets.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 196 KiB |
60
source/gtk3/assets.txt
Normal file
60
source/gtk3/assets.txt
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
text-select-end
|
||||
text-select-end-hover
|
||||
text-select-end-active
|
||||
text-select-start
|
||||
text-select-start-hover
|
||||
text-select-start-active
|
||||
text-select-end-dark
|
||||
text-select-end-hover-dark
|
||||
text-select-end-active-dark
|
||||
text-select-start-dark
|
||||
text-select-start-hover-dark
|
||||
text-select-start-active-dark
|
||||
slider-horz-scale-has-marks-below
|
||||
slider-horz-scale-has-marks-below-hover
|
||||
slider-horz-scale-has-marks-below-active
|
||||
slider-horz-scale-has-marks-below-insensitive
|
||||
slider-horz-scale-has-marks-below-backdrop
|
||||
slider-horz-scale-has-marks-below-backdrop-insensitive
|
||||
slider-vert-scale-has-marks-below
|
||||
slider-vert-scale-has-marks-below-hover
|
||||
slider-vert-scale-has-marks-below-active
|
||||
slider-vert-scale-has-marks-below-insensitive
|
||||
slider-vert-scale-has-marks-below-backdrop
|
||||
slider-vert-scale-has-marks-below-backdrop-insensitive
|
||||
slider-horz-scale-has-marks-above
|
||||
slider-horz-scale-has-marks-above-hover
|
||||
slider-horz-scale-has-marks-above-active
|
||||
slider-horz-scale-has-marks-above-insensitive
|
||||
slider-horz-scale-has-marks-above-backdrop
|
||||
slider-horz-scale-has-marks-above-backdrop-insensitive
|
||||
slider-vert-scale-has-marks-above
|
||||
slider-vert-scale-has-marks-above-hover
|
||||
slider-vert-scale-has-marks-above-active
|
||||
slider-vert-scale-has-marks-above-insensitive
|
||||
slider-vert-scale-has-marks-above-backdrop
|
||||
slider-vert-scale-has-marks-above-backdrop-insensitive
|
||||
slider-horz-scale-has-marks-below-dark
|
||||
slider-horz-scale-has-marks-below-hover-dark
|
||||
slider-horz-scale-has-marks-below-active-dark
|
||||
slider-horz-scale-has-marks-below-insensitive-dark
|
||||
slider-horz-scale-has-marks-below-backdrop-dark
|
||||
slider-horz-scale-has-marks-below-backdrop-insensitive-dark
|
||||
slider-vert-scale-has-marks-below-dark
|
||||
slider-vert-scale-has-marks-below-hover-dark
|
||||
slider-vert-scale-has-marks-below-active-dark
|
||||
slider-vert-scale-has-marks-below-insensitive-dark
|
||||
slider-vert-scale-has-marks-below-backdrop-dark
|
||||
slider-vert-scale-has-marks-below-backdrop-insensitive-dark
|
||||
slider-horz-scale-has-marks-above-dark
|
||||
slider-horz-scale-has-marks-above-hover-dark
|
||||
slider-horz-scale-has-marks-above-active-dark
|
||||
slider-horz-scale-has-marks-above-insensitive-dark
|
||||
slider-horz-scale-has-marks-above-backdrop-dark
|
||||
slider-horz-scale-has-marks-above-backdrop-insensitive-dark
|
||||
slider-vert-scale-has-marks-above-dark
|
||||
slider-vert-scale-has-marks-above-hover-dark
|
||||
slider-vert-scale-has-marks-above-active-dark
|
||||
slider-vert-scale-has-marks-above-insensitive-dark
|
||||
slider-vert-scale-has-marks-above-backdrop-dark
|
||||
slider-vert-scale-has-marks-above-backdrop-insensitive-dark
|
||||
155
source/gtk3/assets/bullet-symbolic.svg
Normal file
155
source/gtk3/assets/bullet-symbolic.svg
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
sodipodi:docname="bullet-symbolic.svg"
|
||||
inkscape:export-filename="/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png"
|
||||
inkscape:export-xdpi="90"
|
||||
inkscape:export-ydpi="90"
|
||||
height="14"
|
||||
id="svg7384"
|
||||
version="1.1"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
width="14">
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title>Gnome Symbolic Icon Theme</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<sodipodi:namedview
|
||||
inkscape:bbox-nodes="true"
|
||||
inkscape:bbox-paths="true"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
inkscape:current-layer="layer9"
|
||||
inkscape:cx="6.1684486"
|
||||
inkscape:cy="5.9327595"
|
||||
gridtolerance="10"
|
||||
inkscape:guide-bbox="true"
|
||||
guidetolerance="10"
|
||||
id="namedview88"
|
||||
inkscape:object-nodes="true"
|
||||
inkscape:object-paths="false"
|
||||
objecttolerance="10"
|
||||
pagecolor="#3a3b39"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
showborder="true"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:snap-bbox-midpoints="false"
|
||||
inkscape:snap-global="true"
|
||||
inkscape:snap-grids="true"
|
||||
inkscape:snap-nodes="false"
|
||||
inkscape:snap-others="false"
|
||||
inkscape:snap-to-guides="true"
|
||||
inkscape:window-height="1376"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:window-width="3440"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="639"
|
||||
inkscape:zoom="62.240778"
|
||||
inkscape:showpageshadow="false">
|
||||
<inkscape:grid
|
||||
dotted="false"
|
||||
empspacing="2"
|
||||
enabled="true"
|
||||
id="grid4866"
|
||||
originx="-139.99995"
|
||||
originy="120"
|
||||
snapvisiblegridlinesonly="true"
|
||||
spacingx="1"
|
||||
spacingy="1"
|
||||
type="xygrid"
|
||||
visible="true" />
|
||||
</sodipodi:namedview>
|
||||
<title
|
||||
id="title9167">Gnome Symbolic Icon Theme</title>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(-2.7365795,0.28202934,-0.18908311,-0.99988321,239.54008,-879.45557)"
|
||||
id="linearGradient19282"
|
||||
osb:paint="solid">
|
||||
<stop
|
||||
id="stop19284"
|
||||
offset="0"
|
||||
style="stop-color:#666666;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer9"
|
||||
inkscape:label="status"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
d="m 388.00015,341.99995 c -2.20743,0 -4.00005,1.79261 -4.00005,4.00005 0,2.20743 1.79262,4.00005 4.00005,4.00005 2.20743,0 4.00005,-1.79262 4.00005,-4.00005 0,-2.20744 -1.79262,-4.00005 -4.00005,-4.00005 z"
|
||||
id="path9555"
|
||||
sodipodi:nodetypes="csssc"
|
||||
style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';text-indent:0pt;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.38899732;marker:none" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer10"
|
||||
inkscape:label="devices"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer11"
|
||||
inkscape:label="apps"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer13"
|
||||
inkscape:label="places"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer14"
|
||||
inkscape:label="mimetypes"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer15"
|
||||
inkscape:label="emblems"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="g71291"
|
||||
inkscape:label="emotes"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="g4953"
|
||||
inkscape:label="categories"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer12"
|
||||
inkscape:label="actions"
|
||||
style="display:inline"
|
||||
transform="translate(-381.00015,-339)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5 KiB |
BIN
source/gtk3/assets/bullet-symbolic.symbolic.png
Normal file
BIN
source/gtk3/assets/bullet-symbolic.symbolic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 B |
154
source/gtk3/assets/check-symbolic.svg
Normal file
154
source/gtk3/assets/check-symbolic.svg
Normal file
|
|
@ -0,0 +1,154 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
sodipodi:docname="check-symbolic.svg"
|
||||
inkscape:export-filename="/home/jimmac/Projects/gtk/gtk/theme/Adwaita/assets/check@2-symbolic.symbolic.png"
|
||||
inkscape:export-xdpi="192"
|
||||
inkscape:export-ydpi="192"
|
||||
height="14"
|
||||
id="svg7384"
|
||||
version="1.1"
|
||||
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
|
||||
width="14">
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title>Gnome Symbolic Icon Theme</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<sodipodi:namedview
|
||||
inkscape:bbox-nodes="true"
|
||||
inkscape:bbox-paths="true"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
inkscape:current-layer="layer9"
|
||||
inkscape:cx="-33.869991"
|
||||
inkscape:cy="-23.596341"
|
||||
gridtolerance="10"
|
||||
inkscape:guide-bbox="true"
|
||||
guidetolerance="10"
|
||||
id="namedview88"
|
||||
inkscape:object-nodes="true"
|
||||
inkscape:object-paths="false"
|
||||
objecttolerance="10"
|
||||
pagecolor="#3a3b39"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
showborder="true"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:snap-bbox-midpoints="false"
|
||||
inkscape:snap-global="true"
|
||||
inkscape:snap-grids="true"
|
||||
inkscape:snap-nodes="false"
|
||||
inkscape:snap-others="false"
|
||||
inkscape:snap-to-guides="true"
|
||||
inkscape:window-height="1376"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:window-width="5120"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:zoom="11.313708"
|
||||
inkscape:showpageshadow="false">
|
||||
<inkscape:grid
|
||||
dotted="false"
|
||||
empspacing="2"
|
||||
enabled="true"
|
||||
id="grid4866"
|
||||
originx="-159.99995"
|
||||
originy="120"
|
||||
snapvisiblegridlinesonly="true"
|
||||
spacingx="1"
|
||||
spacingy="1"
|
||||
type="xygrid"
|
||||
visible="true" />
|
||||
</sodipodi:namedview>
|
||||
<title
|
||||
id="title9167">Gnome Symbolic Icon Theme</title>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(-2.7365795,0.28202934,-0.18908311,-0.99988321,239.54008,-879.45557)"
|
||||
id="linearGradient19282"
|
||||
osb:paint="solid">
|
||||
<stop
|
||||
id="stop19284"
|
||||
offset="0"
|
||||
style="stop-color:#666666;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer9"
|
||||
inkscape:label="status"
|
||||
style="display:inline;opacity:1"
|
||||
transform="translate(-401.00015,-339)">
|
||||
<path
|
||||
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||
d="m 413.00204,341.50586 -5.80273,5.01562 -2.59375,-2.56054 -2.10742,2.13476 4.5664,4.50977 7.89844,-6.83008 z"
|
||||
id="path3304"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer10"
|
||||
inkscape:label="devices"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer11"
|
||||
inkscape:label="apps"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer13"
|
||||
inkscape:label="places"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer14"
|
||||
inkscape:label="mimetypes"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer15"
|
||||
inkscape:label="emblems"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="g71291"
|
||||
inkscape:label="emotes"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="g4953"
|
||||
inkscape:label="categories"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer12"
|
||||
inkscape:label="actions"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-339)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
BIN
source/gtk3/assets/check-symbolic.symbolic.png
Normal file
BIN
source/gtk3/assets/check-symbolic.symbolic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 234 B |
153
source/gtk3/assets/dash-symbolic.svg
Normal file
153
source/gtk3/assets/dash-symbolic.svg
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
sodipodi:docname="dash-symbolic.svg"
|
||||
inkscape:export-filename="/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png"
|
||||
inkscape:export-xdpi="90"
|
||||
inkscape:export-ydpi="90"
|
||||
height="14"
|
||||
id="svg7384"
|
||||
version="1.1"
|
||||
inkscape:version="0.91 r13725"
|
||||
width="14">
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title>Gnome Symbolic Icon Theme</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<sodipodi:namedview
|
||||
inkscape:bbox-nodes="true"
|
||||
inkscape:bbox-paths="true"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
inkscape:current-layer="layer9"
|
||||
inkscape:cx="6.8118913"
|
||||
inkscape:cy="7.9276321"
|
||||
gridtolerance="10"
|
||||
inkscape:guide-bbox="true"
|
||||
guidetolerance="10"
|
||||
id="namedview88"
|
||||
inkscape:object-nodes="true"
|
||||
inkscape:object-paths="false"
|
||||
objecttolerance="10"
|
||||
pagecolor="#3a3b39"
|
||||
inkscape:pageopacity="1"
|
||||
inkscape:pageshadow="2"
|
||||
showborder="true"
|
||||
showgrid="false"
|
||||
showguides="true"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:snap-bbox-midpoints="false"
|
||||
inkscape:snap-global="true"
|
||||
inkscape:snap-grids="true"
|
||||
inkscape:snap-nodes="false"
|
||||
inkscape:snap-others="false"
|
||||
inkscape:snap-to-guides="true"
|
||||
inkscape:window-height="1016"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:zoom="25.058754"
|
||||
inkscape:showpageshadow="false">
|
||||
<inkscape:grid
|
||||
dotted="false"
|
||||
empspacing="2"
|
||||
enabled="true"
|
||||
id="grid4866"
|
||||
originx="-159.99995"
|
||||
originy="140"
|
||||
snapvisiblegridlinesonly="true"
|
||||
spacingx="1px"
|
||||
spacingy="1px"
|
||||
type="xygrid"
|
||||
visible="true" />
|
||||
</sodipodi:namedview>
|
||||
<title
|
||||
id="title9167">Gnome Symbolic Icon Theme</title>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(-2.7365795,0.28202934,-0.18908311,-0.99988321,239.54008,-879.45557)"
|
||||
id="linearGradient19282"
|
||||
osb:paint="solid">
|
||||
<stop
|
||||
id="stop19284"
|
||||
offset="0"
|
||||
style="stop-color:#666666;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer9"
|
||||
inkscape:label="status"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)">
|
||||
<path
|
||||
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||
d="m 405.00021,364 5.99999,0 c 1.108,0 2,0.892 2,2 0,1.108 -0.892,2 -2,2 l -5.99999,0 c -1.108,0 -2,-0.892 -2,-2 0,-1.108 0.892,-2 2,-2 z"
|
||||
id="rect3346" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer10"
|
||||
inkscape:label="devices"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer11"
|
||||
inkscape:label="apps"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer13"
|
||||
inkscape:label="places"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer14"
|
||||
inkscape:label="mimetypes"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer15"
|
||||
inkscape:label="emblems"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="g71291"
|
||||
inkscape:label="emotes"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="g4953"
|
||||
inkscape:label="categories"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer12"
|
||||
inkscape:label="actions"
|
||||
style="display:inline"
|
||||
transform="translate(-401.00015,-359)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
BIN
source/gtk3/assets/dash-symbolic.symbolic.png
Normal file
BIN
source/gtk3/assets/dash-symbolic.symbolic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 B |
Binary file not shown.
|
After Width: | Height: | Size: 891 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-active.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 937 B |
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 782 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 788 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 889 B |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-dark@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 841 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 831 B |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above-hover@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 793 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 961 B |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above@2.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-above@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 885 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-active.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 965 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 738 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 738 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 784 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 801 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 862 B |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-dark@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 879 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 719 B |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below-hover@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 738 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 801 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below@2.png
Normal file
BIN
source/gtk3/assets/slider-horz-scale-has-marks-below@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 915 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-active.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 994 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 736 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 736 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 792 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 785 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 904 B |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-dark@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 889 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 852 B |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above-hover@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 736 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 787 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,008 B |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above@2.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-above@2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 952 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
source/gtk3/assets/slider-vert-scale-has-marks-below-active.png
Normal file
BIN
source/gtk3/assets/slider-vert-scale-has-marks-below-active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,008 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue