Skip to content

Commit

Permalink
Fix colors
Browse files Browse the repository at this point in the history
  • Loading branch information
lainsce committed Jan 24, 2024
1 parent 4b620e4 commit cd71be1
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 29 deletions.
48 changes: 24 additions & 24 deletions Helium/gtk-3.0/_colors-defaults.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,62 +9,62 @@
// define variables for them in _colors.scss

// The main accent color and the matching text value
@define-color accent_bg_color #{if($variant == 'dark', #828292, #2D2D2D)};
@define-color accent_fg_color #{if($variant == 'dark', #151515, "white")};
@define-color accent_color #{if($variant == 'dark', #828292, #2D2D2D)};
@define-color accent_bg_color #{if($variant == 'dark', #888888, #333333)};
@define-color accent_fg_color #{if($variant == 'dark', #151515, #FFFFFF)};
@define-color accent_color #{if($variant == 'dark', #888888, #333333)};

// destructive-action buttons
@define-color destructive_bg_color #{if($variant == 'dark', #EA80A0, #DB2860)};
@define-color destructive_fg_color #{if($variant == 'dark', #151515, "white")};
@define-color destructive_fg_color #{if($variant == 'dark', #151515, #FFFFFF)};
@define-color destructive_color #{if($variant == 'dark', #EA80A0, #DB2860)};

// Levelbars, entries, labels and infobars. These don't need text colors
@define-color success_bg_color #{if($variant == 'dark', #9AE5A6, #49D05E)};
@define-color success_fg_color #{if($variant == 'dark', #151515, "white")};
@define-color success_fg_color #{if($variant == 'dark', #151515, #FFFFFF)};
@define-color success_color #{if($variant == 'dark', #9AE5A6, #49D05E)};

@define-color warning_bg_color #{if($variant == 'dark', #FED97C, #E0A101)};
@define-color warning_fg_color #{if($variant == 'dark', #151515, "white")};
@define-color warning_fg_color #{if($variant == 'dark', #151515, #FFFFFF)};
@define-color warning_color #{if($variant == 'dark', #FED97C, #E0A101)};

// Window
@define-color window_bg_color #{"" + if($variant == 'light', #ffffff, #151515)};
@define-color window_fg_color #{"" + if($variant == "light", #151515, #ffffff)};
@define-color window_bg_color #{"" + if($variant == 'light', #FFFFFF, #151515)};
@define-color window_fg_color #{"" + if($variant == "light", #151515, #FFFFFF)};

// Views - e.g. text view or tree view
@define-color view_bg_color #{"" + if($variant == 'light', #ffffff, #151515)};
@define-color view_fg_color #{"" + if($variant == "light", #151515, #ffffff)};
@define-color view_bg_color #{"" + if($variant == 'light', #FFFFFF, #151515)};
@define-color view_fg_color #{"" + if($variant == "light", #151515, #FFFFFF)};

// Header bar, search bar, tab bar
@define-color headerbar_color #{if($variant == 'light', #fafafa, #151515)};
@define-color headerbar_bg_color #{if($variant == 'light', #fafafa, #151515)};
@define-color headerbar_fg_color #{"" + if($variant == "light", #151515, #ffffff)};
@define-color headerbar_color #{if($variant == 'light', #FFFFFF, #151515)};
@define-color headerbar_bg_color #{if($variant == 'light', #FFFFFF, #151515)};
@define-color headerbar_fg_color #{"" + if($variant == "light", #151515, #FFFFFF)};
@define-color headerbar_border_color #{if($variant == 'light', transparentize(black, .1), transparentize(white, .1))};
@define-color headerbar_backdrop_color #{if($variant == 'light', #f0f0f0, #2d2d2d)};
@define-color headerbar_backdrop_color #{if($variant == 'light', #FAFAFA, #222222)};
@define-color headerbar_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .64))};

// Split pane views
@define-color sidebar_bg_color #{if($variant == 'light', #fafafa, #151515)};
@define-color sidebar_bg_color #{if($variant == 'light', #FFFFFF, #151515)};
@define-color sidebar_fg_color #{"" + if($variant == 'light', transparentize(black, .2), white)};
@define-color sidebar_backdrop_color #{if($variant == 'light', #f0f0f0, #2d2d2d)};
@define-color sidebar_backdrop_color #{if($variant == 'light', #FAFAFA, #222222)};
@define-color sidebar_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .64))};

// Cards, boxed lists
@define-color card_bg_color #{"" + if($variant == 'light', #ffffff, transparentize(white, .92))};
@define-color card_fg_color #{if($variant == 'light', #151515, "white")};
@define-color card_bg_color #{"" + if($variant == 'light', #FFFFFF, transparentize(white, .92))};
@define-color card_fg_color #{if($variant == 'light', #151515, #FFFFFF)};
@define-color card_shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .64))};

// Dialogs
@define-color dialog_bg_color #{if($variant == 'light', #fafafa, #2d2d2d)};
@define-color dialog_fg_color #{if($variant == 'light', #151515, "white")};
@define-color dialog_bg_color #{if($variant == 'light', #FAFAFA, #2D2D2D)};
@define-color dialog_fg_color #{if($variant == 'light', #151515, #FFFFFF)};

// Popovers
@define-color popover_bg_color #{"" + if($variant == 'light', #ffffff, #2d2d2d)};
@define-color popover_fg_color #{if($variant == 'light', #151515, "white")};
@define-color popover_bg_color #{"" + if($variant == 'light', #FFFFFF, #2D2D2D)};
@define-color popover_fg_color #{if($variant == 'light', #151515, #FFFFFF)};

// Thumbnails
@define-color thumbnail_bg_color #{"" + if($variant == 'light', #ffffff, #2d2d2d)};
@define-color thumbnail_fg_color #{if($variant == 'light', transparentize(black, .2), "white")};
@define-color thumbnail_bg_color #{"" + if($variant == 'light', #FFFFFF, #2D2D2D)};
@define-color thumbnail_fg_color #{if($variant == 'light', transparentize(black, .2), #FFFFFF)};

// Miscellaneous
@define-color shade_color #{if($variant == 'light', transparentize(black, .93), transparentize(black, .64))};
Expand Down
10 changes: 5 additions & 5 deletions Helium/gtk-4.0/_defaults.scss
Original file line number Diff line number Diff line change
Expand Up @@ -52,22 +52,22 @@
@define-color error_container_color #{if($variant == 'dark', #DB2860, #DB2860)};

// Window
@define-color window_bg_color #{"" + if($variant == 'light', #FFFFFF, #000000)};
@define-color window_bg_color #{"" + if($variant == 'light', #FFFFFF, #151515)};
@define-color window_fg_color #{"" + if($variant == 'light', #000000, #FFFFFF)};

// View
@define-color view_bg_color #{"" + if($variant == 'light', #FFFFFF, #000000)};
@define-color view_bg_color #{"" + if($variant == 'light', #FFFFFF, #151515)};
@define-color view_fg_color #{"" + if($variant == 'light', #000000, #FFFFFF)};

// Headerbar
@define-color headerbar_bg_color #{"" + if($variant == 'light', #FFFFFF, #000000)};
@define-color headerbar_bg_color #{"" + if($variant == 'light', #FFFFFF, #151515)};
@define-color headerbar_fg_color #{"" + if($variant == 'light', #000000, #FFFFFF)};
@define-color headerbar_border_color #{"" + if($variant == 'light', #000000, #FFFFFF)};
@define-color headerbar_backdrop_color #{"" + if($variant == 'light', #FAFAFA, #1d1d1d)};
@define-color headerbar_backdrop_color #{"" + if($variant == 'light', #FAFAFA, #222222)};
@define-color headerbar_shade_color #{if($variant == 'light', gtkalpha(#000000, 0.38), gtkalpha(#000000, 0.38))};

// Cards
@define-color card_bg_color #{"" + if($variant == 'light', #FFFFFF, #000000)};
@define-color card_bg_color #{"" + if($variant == 'light', #FFFFFF, transparentize(white, .92))};
@define-color card_fg_color #{"" + if($variant == 'light', #000000, #FFFFFF)};
@define-color card_shade_color #{if($variant == 'light', gtkalpha(#000000, 0.38), gtkalpha(#000000, 0.38))};

Expand Down

0 comments on commit cd71be1

Please sign in to comment.