vinceliuice / colloid-gtk-theme

Colloid gtk theme for linux

Colloid gtk theme

Requirements

• GTK >=3.20

• gnome-themes-extra (or gnome-themes-standard)

• Murrine engine — The package name depends on the distro.

  • gtk-engine-murrine on Arch Linux
  • gtk-murrine-engine on Fedora
  • gtk2-engine-murrine on openSUSE
  • gtk2-engines-murrine on Debian, Ubuntu, etc.

• sassc — build dependency

• Icon theme Colloid

Donate

If you like my project, you can buy me a coffee:

Installation

Manual Installation

Run the following commands in the terminal:

./install.sh

Tip: ./install.sh allows the following options:

-d, --dest DIR          Specify destination directory (Default: ~/.themes)
-n, --name NAME         Specify theme name (Default: Colloid)
-t, --theme VARIANT...  Specify theme color variant(s) [default|purple|pink|red|orange|yellow|green|teal|grey|all] (Default: blue)
-c, --color VARIANT...  Specify color variant(s) [standard|light|dark] (Default: All variants)
-s, --size VARIANT...   Specify size variant [standard|compact] (Default: standard variant)

-l, --libadwaita        Install specify gtk-4.0 theme into config folder ($HOME/.config/gtk-4.0) for all gtk4 apps use this theme
                        Default ColorSchemes theme will follow the system style (light/dark mode switch), all ColorSchemes versions not support this !
                        Options for default ColorSchemes:
                        1. system                      Default option (using system colors for light/dark mode switching)
                        2. fixed                       Using fixed theme colors (that will break light/dark mode switch)

--tweaks                Specify versions for tweaks
                        1. [nord|dracula|gruvbox|everforest|catppuccin|all]  (Nord/Dracula/Gruvbox/Everforet/Catppuccin/all) ColorSchemes version
                        2. black                       Blackness color version
                        3. rimless                     Remove the 1px border about windows and menus
                        4. normal                      Normal windows button style like gnome default theme (titlebuttons: max/min/close)
                        5. float                       Floating gnome-shell panel style

-r, --remove,
-u, --uninstall         Uninstall/Remove installed themes or links

-h, --help              Show help

For more information, run: ./install.sh --help

Fix for Libadwaita

./install.sh -l

Default ColorSchemes themes will follow the system style now ! (switch [light/dark] mode)

screencast.mp4

ColorSchemes

Tweaks

Flatpak Installation

Automatically install your host GTK+ theme as a Flatpak. Use this:

• pakitheme

Firefox theme

Install Firefox theme

colloid-gtk-theme's Issues

[Linux Mint] close ,minimize and max buttons show only when hover into it

Hi ! First of all. I'm using in normal when install with ./install.sh --tweaks normal.
The theme is good on Cinnamon. Only just a thing, the close ,minimize and max buttons not showing automatically. IT only show whenever i hover on it. Example screenshot below.

You can see the max button icon only show up when i hover. Anyway to prevent it? I want to show all (not hover)

My system:

Linux Mint 20.3 Cinnamon
Cinnamon version 5.2.7
Linux kernel : 5.13.0-25

Rimless version not always rimless

Some windows still have a border when touching the top panel (e.g. gnome-terminal or google chrome), while others don't have a border such as document viewer


.

Gruvbox variant

Please add a gruvbox variant. thank you

How did you make the mockup with the MacBook?

Hey! I've been trying to find this exact virtual screen here. But I couldn't find it. So maybe you made the mockup using something else?

Do you mind explaining me how to get this setup going? Thanks!

Issue with installation

Hi, I'm having an issue with the installation, please take a look below:

[nakamerica@anmol Colloid-gtk-theme-main]$ ./install.sh -t red -t teal -t orange --tweaks rimless dracula
Install Rimless version! ...
Install Dracula ColorScheme version! ...
Installing '/home/nakamerica/.themes/Colloid-red-dracula'...
Installing '/home/nakamerica/.themes/Colloid-red-light-dracula'...
Installing '/home/nakamerica/.themes/Colloid-red-dark-dracula'...
cp: cannot stat '/home/nakamerica/My_Files/themes/Colloid-gtk-theme-main/src/assets/gtk/thumbnails/thumbnail-red-dark.png': No such file or directory

System info:

                    ./o.                  nakamerica@anmol 
                   ./sssso-                ---------------- 
                 `:osssssss+-              OS: EndeavourOS Linux x86_64 
               `:+sssssssssso/.            Host: VivoBook_ASUSLaptop X412DA_X412DA 1.0 
             `-/ossssssssssssso/.          Kernel: 5.16.9-arch1-1 
           `-/+sssssssssssssssso+:`        Uptime: 1 hour, 14 mins 
         `-:/+sssssssssssssssssso+/.       Packages: 1062 (pacman), 4 (flatpak), 3 (snap) 
       `.://osssssssssssssssssssso++-      Shell: bash 5.1.16 
      .://+ssssssssssssssssssssssso++:     Resolution: 1920x1080 
    .:///ossssssssssssssssssssssssso++:    DE: GNOME 41.4 
  `:////ssssssssssssssssssssssssssso+++.   WM: Mutter 
`-////+ssssssssssssssssssssssssssso++++-   WM Theme: Orchis-red-dark 
 `..-+oosssssssssssssssssssssssso+++++/`   Theme: Orchis-purple-dark [GTK2/3] 
   ./++++++++++++++++++++++++++++++/:.     Icons: Tela-circle-dark [GTK2/3] 
  `:::::::::::::::::::::::::------``       Terminal: gnome-terminal 
                                           CPU: AMD Ryzen 5 3500U with Radeon Vega Mobile Gfx (8) @ 2.100GHz 
                                           GPU: AMD ATI Radeon Vega Series / Radeon Vega Mobile Series 
                                           Memory: 3721MiB / 5943MiB 

Help will be appreciated.

Cinnamon: narrow calender applet

Dear Vince,
compared to Graphite, the cinnamon calender applet appears quite narrow (screenshots below).
Is it possible to widen the appearance?
Many thanks in advance.

(generated with install.sh: -c dark -t teal --tweaks nord rimless)

Graphite looks better:

GTK2: Nord colors not consistent in pop up windows

The nord colors do not seem to be consistent in pop up windows of GTK2 Apps.
(Sorry that it did not already see it for #30)
Example: Asunder on Cinnamon 5.2.7, Pop up for Settings
(generated with install.sh: -c dark -t teal --tweaks nord rimless)

Colloid issue with shell + dash to dock css issue( missing drop shadow,border..)

Hi author !
I want to report, look like is css issue with dash to dock and dark colloid theme

You can see. The menu don't have drop shadow when using with gnome-shell

Lack of contrast between headerbar and content

Currently, the light theme has one uniform color throughout headerbar and body content and this causes contrast issues.

The headerbar should look better with an ever so slightly darker color, similar to colloid dark variant. Perhaps inspiration can be taken from the new libadwaita redesign. For reference:

Edit: I would like to suggest the same thing for sidebars such as in nautilus. Im aware that the colors are slightly darker already but on normal monitor birghtness it does not make a difference. So it should be more darker

Colloid Firefox CSS style

it's kinda low priority, but can you add a Firefox CSS style like in your other themes please?

Firefox&Thunderbird: Min/Max/Close-buttons without symbols when hover & disabled title bar

Usually, the min/max/close buttons show symbols by hovering over them:

For Firefox (97.0) & Thunderbird (91.6.1) on both XFCE 4.16 and Cinnamon 5.2.7, this is not the case when the title bar is disabled:
Firefox:

Thunderbird:

Odd dock color in overview

Variant: Default

The dock background color looks a bit off with the current bg color. Perhaps it could be a little darker to look better? I feel like the color contrast in default gnome shell adwaita theme is perfect. Could take inspiration from that.

Colloid Theme for Firefox and possible Nord Button Modifications

If possible, could you look into creating a Colloid Theme for Firefox? Also, when installing the Nord Button Rimless variant the Minimise/ Maximize/ Kill is not the same as those found in the Gnome Unite Extension. Is it possible to tweak Colloid to match the Nord versions found in this extension?

P.S. Thank you for all your hard work! You are really creative!

The close ,minimize and max buttons are not styled on Cinnamon 4.6.7

Running CentOS 8 with Cinnamon 4.6.7
These buttons are not styled as per the screenshots

Arrow on Apps Overview with less visibility

On Light and Default variants, the arrow (or chevron) on app's overview are dark, with less visibility and contrast.
I believe that can be white for better contrast.

Buttons

How can i re-size the close, maximize, and minimize buttons? they look very big

Cinnamon: make font-size adaptive to system font-size

Dear Vince,
this is a topic that I noticed in all your themes which might be intended but for me, it is a pain.
As I found a minimal hack to fix it, I like to tell you about it:

• In the Cinnamon theme file _common.scss, there is the variable $font-size set to fixed 9pt.
• As my system font-size is set to 11, this just looks out of line.
• My workaround to make it adaptive is to set the variable '$font-size: 1em' before executing install.sh which makes it way better.

Can you maybe consider a similar or even better solution for this topic or is the fixed font size intended?
Many thanks in advance.

Activities

Hi,

Fedora 35
GNOME 41.2
GDM Theme WhitSur

I have GDM Theme WhiteSur installed and I selected colloid like user theme. When I turn to overview app apper icon and text.

Regards

[Tiny bug] Chromium link address bar border color is always blue

I have installed the theme with teal selection color and with nord version, but Chromium link address bar border color is always blue.

Volume icon in Gnome 42

So, I have a visual problem with the volume icon in Gnome 42: it's too big

And I spotted this problem on WhiteSur-gtk-theme too

Rounded bottom right corner in nautilus

GTK2: black version not reflected & wrong accent color

Dear Vince,
the theme is getting better and better and I really like it.
Unfortunately, I found another gap for the black version with GTK2. Graphite theme has the same issue.
(Generated by ./install.sh -c dark -t teal --tweaks black rimless)

The black colors are not used for GTK2 and also the accent color is not right:

Metacity: Rim version without rim

Dear Vince,
in the normal version (not rimless), there is a rim around GTK apps but not around the apps which are taken care of Metacity.
(./install.sh -c dark --tweaks nord,
Cinnamon 5.2.7)
A GTK App on the left and metacity on the right:

Is it possible to fix that?
Many thanks in advance for making this beautiful theme better and better.

window frame is black although I have selected the normal

Yesterday I installed it and I noticed that the windows frames still dark. Everything else is as it should be.

--tweaks black not applying on Fedora 35

i installed all versions and tweaks fine on ubuntu 21.10 but on Fedora 35, only the black tweak doesn apply (it installs the normal dark theme)

Feature request: Non-rounded corner tweak

I would love to have a --tweaks option for non-rounded corners similar to your Fluent and Qogir themes. A less-rounded corner would also look nice, I think.

Keep it up, Vince. Your themes are the best!

[ Usability ] Padding on XFCE4-panel-dockiike icons is unusably low

This is what the icons currently look like on Colloid

for reference, this is what it looks like on Zorin's themes

KDE Plasma version

Hello Vince,

First off, I would like to thank you for your hard work. You have been creating a lot of awesome themes for the community, and this one surely is no exception! I really love the attention to the details and I particularly like the idea of giving the option of selecting variants (Nord is extremely elegant and beautiful!)

This might seem kind of early, but there's one question that comes to my head: are there any plans for a Plasma version of this theme?

colloid-teal-light-compact looks ugly on GNOME 42

is this the right repo to report?

Memory leak occurred on xfce4 global appmenu

Same problem as: vinceliuice/Vimix-gtk-themes#188

Color variant

hello vince, are there any plans to add color variations adopting from vscode theme, like dracula color.

Cinnamon 5.2.7, the light themed login window.

The login window color, which should be light, actually appears darkened, and the password box shows darkened characters as well.

The login window, with a light theme, should be light.
Thus, the darkened characters of the password will be better identified.

Thanks.

Window menu invisible in Firefox

Bro, I have a small bug in your latest release of this theme with politeness.

Window menu (minimize, maximize, and close) only show after hover on that area, and this bug only tested on Firefox (on other apps can't reproduce this bug recently). Now I'm install older release of Colloid-gtk-theme.

I always wait your update with fulfill of proud and responsible. Thanks for create this theme and I love this theme. Bravo!!!

Normal buttons version theme for xfwm4?

Looks like the normal buttons version for xfwm4 isn't there.

Bug on GNOME Photos windows

Hello, Bro!
I want to report a bug again and I find this bug incidentally on GNOME Photos.
If you have spare time, i suggest you to fix it.
This pict can describe that problem.

Thanks for creating this theme. I like and love it. Keep spirit!

Lack of contrast in selected items in nautilus

You can see in the screenshot the label of selected items is translucent thus it is hard the read. Making the background opaque might solve the problem with white text of course.

bug with system tray position

alo Vince, I have a problem where if I use the "just perfection" extension to set the panel button padding, it changes the position of the system tray

but when I try it with the Graphite theme the problem doesn't occur.

Sorry to bother you

GTK2: Hard readability, e.g. unselected checkboxes

GTK2-apps are somewhat hard to read.
E.g. unselected checkboxes are not shown and a differentiation of parts of the Apps are missing.
E.g. Asunder on Cinnamon 5.2.7 (teal nord rimless):

In Graphite, this is way better (also teal nord rimless):

[Bug] Install script does not work if no gnome shell version is found

All that is needed to fix the bug is adding the following line in install.sh:

Or is it intentded that it is now left out compared to previous versions?

Cinnamon 5.2.7, the dash below the icons, in the light panel

It is difficult to identify the open applications, in the light panel.
The trace below the icons, in the light panel, could have a greater contrast, in relation to the color of the light panel.
This trace could have a slightly darker color, and thus be better identified in the light panel.

Thanks.

gnome 42 (libadwaita?) update breaks system settings window decorations

After updating to gnome 42 (beta ), I noticed that system settings no longer shows the Colloid window decorations. Perhaps nothing can be done, but it was the only application that doesn't work on my limited installation, so thought I would report it :-) Thanks a lot for the great theme!

How to edit the theme files?

This theme is kinda great for me, but i want to make a fork of it

However I don't know which SCSS files i need to edit, can you show me which files i need to edit? i also want to edit the window controls too

Add GDM Theme Please

Awesome theme!

Can you add GDM theme please.

Best Regards.

Feature Request: HiDpi scaling

Please enable hidpi scaling, similar to https://www.gnome-look.org/p/1289376/ and Elementary OS 6 theme.

This allows for fractional ui scaling based on dpi instead of resolution, allowing for a superior experience over any other OS.

Thanks

Window menu (minimize, maximize, and close) are not showing in some applications

In some applications the window menu is invisible when the option " --tweaks normal " is setted in the installation.

Here some prints of applications with the window menu invisible:

I believe that more applications are having this problem but I don't have so much apps installed on my machine to verify that

Cinnamon: WIFI-Button does not use nord colors

In Cinnamon, the WIFI-Button (Network App in Panel) does not use nord colors (seen for teal). This affects Graphite GTK theme as well.

Cannot build on GNOME 3.38

The packaged + built version on gnome-look works fine, however the slim version is not available so I tried comiling it by hand but there is a compile error:

sudo ./install.sh --theme default --color dark --size compact
gnome-shell 38
Installing '/usr/share/themes/Colloid-dark-compact'...
Error: File to import not found or unreadable: widgets-38-0.
        on line 32:1 of src/sass/gnome-shell/_common-temp.scss
        from line 7:1 of src/main/gnome-shell/gnome-shell-dark.scss
>> @import 'widgets-38-0';

Am I doing something wrong? I do have the needed engines + dependencies installed so idk what might be happening.

Rounded border for maximized apps with SSD

Apps with titlebars (for ex. Telegram Desktop, all Electron.JS apps) has rounded top borders (while maximized) with non-rounded titlebar, looks weird.

Expected:

Colloid:

Colloid Dark Nord does not change super menu on PopOS

Add backgroud option install

Can you add background install?

Best Regards.