Fixing Flat Remix | Help needed!

Themes
1

Sadly, https://github.com/daniruiz/flat-remix-gtk has a major issue with Budgie; https://github.com/daniruiz/flat-remix-gtk/issues/81
I’ve done a workaround to use another GTK theme, but it seems that like literally half of my GTK apps now also use the overriden theme :frowning:
Help greatly appreciated; the theme seems to be based on Arc if anyone wants to take a look

2

You need to look at the mpris applet styling

E.g.

https://github.com/UbuntuBudgie/pocillo-gtk-theme/blob/master/src/gtk-3.0/3.22/sass/apps/_budgie.scss#L498

3

sorry if this is stupid, I don’t know much about css.

.raven-mpris {
  background-color: rgba($black, $middle_opacity);
  color: $inverse_fg_color;

  label { min-height: $medium_size; }

  button.image-button {
    padding: $standard_padding;

    @extend %button_selected.flat;
  }
}

I appended this to the theme’s gtk.css file. No change, am I doing this wrong?

4

scss is a higher level version on css allowing variables. You compile scss to produce css

I havent looked to see if that theme is scss based or if it does things the hard way as css.

5

It uses hardcore CSS. Now I see, so SCSS is like LESS?
What would be the equivalent plain CSS?

6

Look at the generated Pocillo css

1 Like
7

All I found in there was:


.raven-mpris {
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
}

.raven-mpris label {
  min-height: 24px;
}

.raven-mpris button.image-button {
  padding: 12px;
}

I’m assuming that’s what

.raven-mpris {
  background-color: rgba($black, $middle_opacity);
  color: $inverse_fg_color;

  label { min-height: $medium_size; }

  button.image-button {
    padding: $standard_padding;

    @extend %button_selected.flat;
  }
}

compiles into?
EDIT: YUP IT WORKS! I’ll be submitting a PR to the author when I get time.

8

Yep. The scss is easier to understand and modify compared to the generated css.

The best themes are scss based and is a very useful thing to learn if you intend to contribute to development.

9

I see. Why is SCSS generally preferred over LESS in GTK themes?

10

Because it is compact … you make one change and you can generate multiple css themes in one go. E.g. that one code generates 6 pocillo variants

11

True, but http://lesscss.org/ also does that
I’ll look at both and see which one works better

12
13

Ok, I’m definitely using Sass simply because it uses Ruby, one of my favorite programming languages, and I’m not a javascript fan :smiley:
I like to be able to understand and edit the code :wink:

EDIT: apparently they’re migrating from ruby(https://sass-lang.com/ruby-sass) but the synatx is better so I’m still sticking with SASS