mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2025-12-05 03:16:44 -08:00
88 lines
3.4 KiB
SCSS
88 lines
3.4 KiB
SCSS
/* 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}.
|
|
|
|
// These are the colors apps are can override. We define the defaults here and
|
|
// define variables for them in _colors.scss
|
|
|
|
@if $theme != 'default' {
|
|
// The main accent color and the matching text value
|
|
@define-color accent_bg_color #{$primary};
|
|
@define-color accent_fg_color #{on($primary)};
|
|
@define-color accent_color #{$primary};
|
|
}
|
|
|
|
// destructive-action buttons
|
|
@define-color destructive_bg_color #{$destructive};
|
|
@define-color destructive_fg_color #{on($destructive)};
|
|
@define-color destructive_color #{$destructive};
|
|
|
|
// Levelbars, entries, labels and infobars. These don't need text colors
|
|
@define-color success_bg_color #{$success};
|
|
@define-color success_fg_color #{on($success)};
|
|
@define-color success_color #{$success};
|
|
|
|
@define-color warning_bg_color #{$warning};
|
|
@define-color warning_fg_color #{on($warning)};
|
|
@define-color warning_color #{$warning};
|
|
|
|
@define-color error_bg_color #{$error};
|
|
@define-color error_fg_color #{on($error)};
|
|
@define-color error_color #{$error};
|
|
|
|
@if $colorscheme != 'default' or $blackness == 'true' {
|
|
// Window
|
|
@define-color window_bg_color #{$background};
|
|
@define-color window_fg_color #{$text};
|
|
|
|
// Views - e.g. text view or tree view
|
|
@define-color view_bg_color #{$base};
|
|
@define-color view_fg_color #{$text};
|
|
|
|
// Header bar, search bar, tab bar
|
|
@define-color headerbar_bg_color #{$titlebar-backdrop};
|
|
@define-color headerbar_fg_color #{$titlebar-text};
|
|
@define-color headerbar_border_color #{$border};
|
|
@define-color headerbar_backdrop_color #{$titlebar};
|
|
@define-color headerbar_shade_color #{if($variant == 'light', transparentize(black, .88), transparentize(black, .64))};
|
|
@define-color headerbar_darker_shade_color #{$window-border};
|
|
|
|
// Split pane views
|
|
@define-color sidebar_bg_color #{$sidebar};
|
|
@define-color sidebar_fg_color #{on($sidebar)};
|
|
@define-color sidebar_backdrop_color #{$sidebar-backdrop};
|
|
@define-color sidebar_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .75))};
|
|
@define-color sidebar_border_color #{transparentize(on($sidebar), .92)};
|
|
|
|
@define-color secondary_sidebar_bg_color #{$base};
|
|
@define-color secondary_sidebar_fg_color #{$text};
|
|
@define-color secondary_sidebar_backdrop_color #{$background};
|
|
@define-color secondary_sidebar_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .75))};
|
|
@define-color secondary_sidebar_border_color #{$border};
|
|
|
|
// Cards, boxed lists
|
|
@define-color card_bg_color #{if($variant == 'light', $base, $fill)};
|
|
@define-color card_fg_color #{$text};
|
|
@define-color card_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .64))};
|
|
|
|
// Dialogs
|
|
@define-color dialog_bg_color #{$base-alt};
|
|
@define-color dialog_fg_color #{$text};
|
|
|
|
// Popovers
|
|
@define-color popover_bg_color #{$popover};
|
|
@define-color popover_fg_color #{$text};
|
|
@define-color popover_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .75))};
|
|
|
|
// Thumbnails
|
|
@define-color thumbnail_bg_color #{$surface};
|
|
@define-color thumbnail_fg_color #{$text};
|
|
|
|
// Miscellaneous
|
|
@define-color shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .75))};
|
|
@define-color scrollbar_outline_color #{if($variant == 'light', white, transparentize(black, .5))};
|
|
}
|