How to modify the theme

General Help
1

Hi
This is a lavanda theme

1000009876
1000009876893×652 16.7 KB

And this a ant theme
1000009875
1000009875838×652 13.7 KB

How to set lavanda look like ant

2

Hmm ... I'm afraid that I don't understand the Question. What do You want do? Is it about Colors, Effects etc.?

3 Likes
3

On zorin layout show 2 option in ant theme

4

I think you are asking how to make Lavanda theme show the Zorin Layouts in two columns as Ant Theme does rather than one column.

I would need to look at the themes .css files, but I believe that the Lavanda theme has a larger padding set to the Menu Button class just fom looking at your screenshot. Decreasing the padding using a ~/.config/gtk-3.0/gtk.css file may cause the columns to space as two rather than one large column.

5

Ah, okay. Yes, I have that on the Graphite Theme, too. It is from the same Person. I'm not sure about this, but it could be an Issue or Bug with the Theme and Zorin. I have seen on the Graphite Github Page an Entry for this:

2 Likes
6

I looked in the common-3.0.scss and I see where .dialog and .window properties can be affected by using properties like min-width and min-height.
Tabs, as well:

%tabs_tab {
  transition: $transition,
              background-size 0ms,
              background-image 0ms;
  min-height: $small-size;
  min-width: $small-size;

And under stack switcher:

  &.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
    margin: 0;
    background-color: transparent;
    border-radius: $corner-radius;
    padding: ($medium-size - 24px - $space-size) / 2 ($medium-size - 16px) / 2;
    box-shadow: none;

    &.text-button { min-width: 100px; }

I want to be clear: this is not wrong... It can be very helpful to set a hard size at times when having a dynamic or flex size can cause distortions of long labels or window elements. But it may well cause certain pop-up or dialog windows to not be able to resize to a larger size under certain unusual conditions. Usually is is setting max-width or height that caps a window size, not min.

I have not taken the time to sort through all the .scss or .css in order to confidently narrow this down. It is much better for this to be reported (or commented on in the report linked by @Ponce-De-Leon) so that the developer can address; as they likely know their theme much better than an outsider and a solution can affect everyone.

2 Likes