Just poking around with mint-y css to make the panels look cooler.

[zenith nova]

I got to make the panels smaller in width, and also added a rounded border on then.

Since i don't really created a new cinnamon theme (is just some hardcoded changes on mint-y-dark-purple cinnamon.css), i don't have a source code to share, sorry twt.
But here is what i've done:

Copy and pasted the theme in /usr/share/themes to ~/.themes, so its easier to edit.

Then i changed some rules on the following selectors:

.panel-top {
    /* This is what makes the gap in every size of the pannel */
    margin-left: 150px;
    margin-right: 150px;

    padding-left: 15px;
    padding-right: 15px;

    border-radius: 0 0 15px 15px;
}
/* you can set a value for each class */
.panel-bottom {
    margin-left: 300px;
    margin-right: 300px;

    padding-left: 15px;
    padding-right: 15px;

    border-radius: 30px 30px 0 0;
}

Theres some changes on the menu too, but i would need some more time to compile all the changes i made.

Also, these changes are hardcoded on cinnamon.css, so, it may not work for every computer, every screensize, and so on and so on, so i don't think this should be just a theme.

I'm planning to create a cinnamon extension to make these changes, but i still don't know how to change cinnamon.css on the fly using a extension, so, it still just an idea.

Anyways, hope you guys like what i've done :)

[hasty ruin]

Awesome! what bar is this und how did you manage to open the menu when you click on the Mint Logo from the new bar ?

is this for real the normal cinnamon bar ?

[zenith nova]

Yep! Its just the normal linux mint pannels with some css changes on the global theme

It's not that dificult todo acctually

[hasty ruin]

thats cool!

[zenith nova]

But i coudn't find any documentation to help me, so i had to find all the selectors by myself lol

[zenith nova]

Thx!

I hope i can find a better way to share to other peep do it on their computers

[drowsy agate]

Here’s a simple guide if anyone wants to recreate.
Idk if I mentioned it in the guide since it’s old but CTRL+ALT+ESC is the combination to reload cinnamon I think.

( Navigate to your themes folder. Usually:
~/home/user/.local/share/themes
or
~/home/user/.themes

( usr/share/themes if you’re editing a root theme, but not recommended. )

Open your themes folder for me Kanagawa-Dark. Then click on the cinnamon folder and then
open cinnamon.css.
CTRL+F and type in .panel-bottom
Find:
.panel-top, .panel-bottom, .panel-left, .panel-right {
color: rgba(242, 236, 188, 0.7);
font-size: 1em;
padding: 0px;
background-color: rgba(31, 31, 40, 0.75);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
}
Delete it and copy it to the top for easy of use and customizing.
Now these are the commands we will use for this example.
.panel-bottom {
margin: 0px 0px 0px 0px;
border-radius: 0px;
}
.panel-top
margin: 0px 0px 0px 0px;
border-radius: 0px;
The border-radius determins on how round the corners are. If you’re sick and want them to be a
different roundness onn each corner you can copy the margin and do border-radius: 0px 0px 0px
0px;
The margin determins where your panel is located. PS, only the top panel can float a but it’s buggy
( NOT RECOMMENDED )
The 2nd and 4th margin makes it goes further away from the sides.
If you want to the 1st margin makes the top panel go down (Floating) )

And if you only want some of the borders to be rounded use border-radius 0px 0px 0px 0px like op is

[zenith nova]

I tried making the top panel to float too, but it resulted in some bugs where the windows get behind the panel when maximized. BUT, besides that, looks pretty!

I'm still looking for a fix to this problem

[drowsy agate]

If you find a fix pls share :3

[hasty ruin]

I have maybe have a fix @drowsy agate @zenith nova
i dont have the problem maybe its already fixed or something,
but what you could do is activating a second bar (polybar), give it the height you want (i made it bigger than the cinnamon bar so i have gaps, so it look like in tiling window managers) and make polybar transparent
and dont forget to add an empty module for example a module with a content of an empty string, so polybar even starts

that is how it looks (vesktop is in full screen)
and have invisible bars left,bottom and right (which still have applets that i will put in the top bar soon) that simulates gaps

[zenith nova]

Waaaaaa looks wholesome 🥺

Its a kinda junky solution, but i dont think theres a definitive fix for that, unless something change in the cinnamon panel code :/

I found a extension that makes the panel float, but it has the sabe problem

Still, thanks for that ^~^

I really think linux mint devs should take a look at this, it would make cinnamon much more customizable and good looking, surelly they prob has more important things to do, but apearance matters yk

[hasty ruin]

Ty! For me it works great, but i understand what you mean