vinceliuice / graphite-gtk-theme

Graphite 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 Tela-circle-icon-theme

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: $HOME/.themes, with sudo: /usr/share/themes)

-n, --name NAME         Specify theme name (Default: Graphite)

-t, --theme VARIANT...  Specify theme color variant(s) [default|purple|pink|red|orange|yellow|green|teal|blue|all] (Default: grey)

-c, --color VARIANT...  Specify color variant(s) [standard|light|dark] (Default: All variants)

-s, --size VARIANT...   Specify size variant [standard|compact] (Default: standard variant)

-g, --gdm               Install GDM theme

-l, --libadwaita        Install link to gtk4 config for theming libadwaita

-u, --uninstall         Uninstall themes or link for libadwaita

--tweaks                Specify versions for tweaks [nord|black|darker|rimless|normal]
                        (WORRING: 'nord' and 'darker' can not mix use with 'black'!)
                        1. nord:     Nord colorscheme version
                        2. black:    Blackness colorscheme version
                        3. darker:   Darker (default|nord) color version (black option can not be darker)
                        4. rimless:  Remove the 2px outline about windows and menus
                        5. normal:   Normal sidebar style (Nautilus)
                        6. float:    Float gnome-shell panel style
                        7. colorful: Colorful gnome-shell panel style


-h, --help              Show help

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

Flatpak Installation

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

• pakitheme

Grub2 theme

• Install from here

graphite-gtk-theme's Issues

sh install script, theme and size options not working

If I run the install.sh script, several options don't seem to be working:

[Request] Add a theme version without any borders

Hello vinceliuice!
First of all, thank you for this amazing theme. I was searching for a pure dark theme like Vimix's theme, but more modern.
I got a request for this: could you make please a version without the borders? Nothing wrong, I just don't like them.
You could call it "NoBorder or Bordless".
TYSM!

console tabs have transparent backgrounds

Nord light colorscheme has poor contrast on hovered items in the shell

Hello!

Seems like the nord light version of the shell theme has poor contrast on hovered items. Looks fine once in the submenus though:

osd faded out in light mode

Headerbar, Titlebar custom background: not working for Nautilus and GTK2 apps

Hi,

This might be outside of your theme design but I would really appreciate if you can help to fix. I prefer to have a colored titlebar because this helps me to see better the various windows.

I added at the bottom of ~/.themes/Graphite-blue-dark-compact-nord/gtk-3.0/gtk.css

.titlebar, headerbar {
  background-color: #0063b3;
}
.titlebar:backdrop, headerbar:backdrop {
  background-color: #003a6a;
}

This almost works, except that some applications ignore the custom background (BG) colors. See screenshot. FYI I am able to apply this trick on themes such as:

• Juno
• Nordic
• Marwaita

[Request] Graphite theme for KDE

Hi, thanks for the awesome theme!
Do you have any plan for a KDE version for this theme?

Nord Colors

Hi,
I did not succeed in installing nord colors, please help me, how can I install nord colors? I have GNOME 40 on Pop OS.

Thanks.

transparent issue

see here
blackhole89/notekit#111

Error in grub theme install script

Graphite-gtk-theme/other/grub2/install.sh

Line 369 in 1bb2648

exit 1THEME_VARIANTS

The last line should be

 exit 1

Windows border color adjustments

Dear Vince,

Thanks a lot for this wonderful theme you shared with the GNOME community! 😍 🙏
I'm on Pop!_OS and just switched to it (the dark version).

Just as a hint, could you please share some hints for how shall I adjust a little bit the border color (less white) of the windows ❓

I tried updating all border: 1px solid rgba(255, 255, 255, 0.12); entries in gtk-dark.css file, such as this one:

frame,
.frame {
  border: 1px solid rgba(100, 100, 100, 0.12);
}

but without a change.

Thank you!

Metacity theme does not show accent colors for close button

Dear Vince, first a big thank you for your beautiful themes.
Currently, the accent colors are not reflected in the Metacity theme (for close button). Is it possible to include this?
Many thanks in advance.

How to change the left background panel for nautilus (Files)?

Greetings,

I would like to change the panel background in nautilus? what file should I edit to do that?

Thank you in advance

Best regards

A BIG THANK YOU !!! :heart:

Hi Vince!

The purpose of this "issue" is to thank you very very much for creating the greatest theme that I could possibly wanted to have and use! And I tested and used a lot in the past. I know that this a very subjective thing, but I am simply loving it and enjoy seeing it on a daily basis.

Especially with some minor changes:

1. Put some more emphasis on the windows shadows
   • I prefer the borderless (rimless as you call the option) version as in some apps's (like Firefox) windows the bottom still squared border doesn't look that nice.
   • Then,I need to have a better window distinction, especially for the dark areas.
   • I tried to get the same macOS look, where window shadowing really helps.
2. Updated some colors for the Nord dark flavor to look great on both light and dark times.

I took some notes here, so that I know what should I do again for future fork sync cases, if something gets overwritten.

And this is the result (that hopefully capture those better imho shadow based distinctions, especially on same dark backgrounds):

Now, whether you'll want to include these as improvements or not, it's up to you.

Again, really thank you for this simple, clean and great theme! 🙏

gnome shell time color change when clic

Fedora 35
Gnome 41
Graphite dark compact

The time label is in this color but when I click to open notification center turn to black and is hard to see it.

Notifications in "normal" shell theme

When "normal" version of graphite is in use, the shell theme shows sub-menus (suspend, restart, power off) as accented in the notification area.

I think users of "normal" versions would prefer the sub-menu to be in background colour, and just the selected option (power off / log-out) to be accented. Just like nautilus.

What is the consensus on this?

Nord color scheme is darker than before.

Hello, thank for this great theme : )
I recently install the new release but i notice that the Nord color scheme is more daker than before, is it a choice or a issue?
If it's a choice, is it possible to choose at installation between these 2 color schemes?

some screenshots to illustrate :

Color schemes for GTK2 are incomplete

Dear Vince, first a big thank you for your beautiful themes.
For Graphite, I really like the combination of color teal with nord and darker.
Unfortunately, this is not completely reflected in the GTK2-theme:

1. If the install-script is run with -c teal, the GTK2-theme becomes blue.
2. The nord colors are not respected in the GTK2-theme.

Is it possible to include this such that GTK2 and GTK3 themes are in sync?
Thanks in advance.

Default GNOME Dash Background is not themed.

The theme in use is Graphite-teal-dark, but the dash is colored white, very out of place from the rest of the desktop. Please edit .dash-background css element to make it use more appropriate color.

Thanks!

volume OSD color for volume bar is very faded

Color of java program should be adjusted when in dart

Program: Figtree https://github.com/rambaut/figtree/releases

can't click on the very top of the top bar

Well I do not know if it is intended, but for some reason I can't click near the screen border to get an action with buttons like activities etc.
Recorded a small video to show what I mean. Tried to do the same thing without any extensions and got the same result
https://user-images.githubusercontent.com/95208998/143828493-55dfa918-0c90-4a43-bc85-7bce3dd7e62d.mp4
Here how it works with one of default themes.
https://user-images.githubusercontent.com/95208998/143828561-31236a73-56ee-48dd-91dc-e32428654022.mp4

Request: Dracula tweak

Would you consider making a tweak variant for Dracula theme (https://draculatheme.com/).

Possible to add option for less color in file manager and shutdown/logoff menu?

This is a great new theme that perfectly combines the new gnome 40 look with a rather needed, contemporary, flat design. It really gives a nice and modern feel and since a long time I've switched from Vimix to a new theme, particularly because of the rounded corner look, which is greatly integrated, also when hovering on the dock and clicking in menus like Libreoffice, for example. Really well done!

But would it be possible to add an option for less color in the file manager and when clicking on the shutdown/logoff button? I really like the theme a lot, but a little less colorful would be amazing. Like in the regular settings window, for example, where just the selected item is colored. That would be enough color for me.

Unaesthetic issues on Firefox with Graphite light theme

There are two unaesthetic things on Firefox using the Graphite light theme:

• There is a thick grey line separating the tabs area from the tool bar
• There is little semi-transparent triangles in the upper rounded corners of the window

See screenshot below.

OS: Fedora 35
DE: Gnome 41.2
Graphite theme: Light
Graphite version: 78e5421

Metacity: rim version without rim

Dear Vince,
as in Colloid, Metacity misses a rim in the rim version.
(./install.sh -c dark -t teal --tweaks nord darker,
Cinnamon 5.2.7)
Left GTK App with rim and right Metacity without:

Is it possible to fix that?
Many thanks in advance.

dash to dock issue

Seems like the rounded corners are influenced by the theme

What's the name of the icon pack in the screenshots?

I would like to know to experience the theme better.

[Request] Darker Nord color scheme for dark theme

Currently, the graphite dark nord variant is not very dark. At #434c5e it's quite light and blue. Any chance you could make it more dark? Maybe like two shades darker from the polar night pallete, at #2e3440?

[Request] Graphite theme for Snaps

Please add Graphite theme for Snaps also

Question: Top bar theme doesn't change

Hello, thank you for this beautiful theme!

I'm trying to understand why isn't the top bar changing along with the rest of the UI:

I cloned the project and ran ./install.sh

[fr] Remove rounded corners

Hello, love the theme!
Is it possible to have an option to remove rounded cornes? they look odd on maximized windows in my opinion.
Thank you,

Theme doesn't apply to various elements

Contrary to what I can see on your screenshots, the theme doesn't apply to my Gnome shell properly. It doesn't apply to the status bar itself, the status bar's various menus (such as menus for the app indicators), and the contextual menu on the desktop.

It also applies partially to Qt apps' window decorations. The color and upper round corners are here, but no white border (I use dark nord) and no bottom round corners. Without the white border, all the Qt apps are blending into each other. (I am using your Kvantum theme for the inside btw. ;) )

I am using your screenshots as a comparison but maybe your theme is only for GTK apps (to which it does apply) and not the Gnome shell itself?

Beyond that, beautiful theme. No problem with GTK apps themselves.

I am new to this. If I did something wrong, I hope you can help me. Thanks!

Ubuntu 21.10
Gnome 40.4.0
Wayland

Unusually Thick/Tall Headerbar Buttons in Libadwaita Apps

I recently found a way to apply custom style sheets to Libadwaita apps, but one thing I found is that when using the Graphite theme (or forks of it, which is what I normally use) the header bar on libadwaita apps tends to be a lot taller/thicker than it should be, and this extends to widgets in the header bar.

I've attached a screenshot below displaying this issue, as well as the header bar with its normal thickness when using the default Adwaita theme

Add an option to change side of file manager

There should be an option to make the side of the file manager look more like the side of settings and other apps.

Undefined variable: "$window-close-button-size"

Using Ubuntu 20.04.3, Gnome 3.36.8

Regardless of the selected options, install.sh failed with

./install.sh -d ~/.themes -t green -c dark -s compact

Installing '/home/blabla/.themes/Graphite-teal-dark-compact'...

Error: Undefined variable: "$window-close-button-size".
        on line 34:18 of src/sass/gnome-shell/widgets-3-28/_window-picker.scss
        from line 39:9 of src/sass/gnome-shell/_widgets-3-28.scss
        from line 8:9 of src/main/gnome-shell/shell-3-28/gnome-shell-dark.scss
>>   border-radius: $window_close_button_size * 0.5 + $window_close_button_padd
   -----------------^

context menu glitch

I tried this theme and i really liked it but i needed to report that the context menu in firefox (which gets theme from gtk) get a gap on top
with this theme enabled
[with graphit theme]

[With whitesur theme from your repos]

XFCE/XFWM4: darker & black version not reflected, accent color not shown & rimless not rimless

Dear Vince,
in XFCE 4.16, there seems to be issues with XFWM4.

• The color versions darker & black is not reflected:
  (appeared with --tweaks darker & --tweaks nord darker, similar effect with --tweaks black)
  

• If an accent color is used (e.g. -t blue), the rim is still in white and also the close button is white when hovered:
  

• If rimless is used, there is still a rim:
  

Is it possible to fix that?
Many thanks in advance also for the development of this beautiful theme of yours.

GTK2: black & darker version not reflected

The black colors are not used for GTK2:
(Generated by ./install.sh -c dark -t teal --tweaks black rimless)

The same is the case for darker:
(Generated by ./install.sh -c dark -t teal --tweaks nord darker rimless)

Top panel colour still default on Pop_OS! 21.10

Hi, when I use this theme (more specifically, the nord, rimless and normal version) the top panel still stays the default brownish colour of Pop_OS!, if there is a way to fix this please let me know, thanks.

Bug in the task widget extension

Hi !
In the Task widget extension, I have an issue with the tick boxes it creates: they appear in two different places in the same line, as the image shows.
I do not see this bug in any other theme. I tried to reinstall the theme, without success. It appears even with only two extensions activated, namely User Themes and Task Widgets.
Thank you !

Config: Fedora 35, Gnome 41, Task Widget v10, last version of Graphite-gtk-theme

.

color of polari should be chagned in standard or light mod

Program: Polari https://wiki.gnome.org/Apps/Polari

Grub theme installation

I want to add the possibility to install the grub theme in the package graphite-gtk-theme for NixOS, but the provided script is not suitable, as it tries to edit the configuration file. In NixOS the grub configuration is done differently.

Can the install.sh script be refactored so that it becomes possible to just copy the theme files to the destination directory, without trying to modify the system grub setup? And without imposing root access.

Also with an option to choose the destination directory.

Request: A pitch black version

Hi! I just installed this and I already love it!
It would be nice if there is a full black variant or an option to generate one like in the Orchis theme (I was using that till now :) )
Once again, thanks for the awesome theme!

[Request] Add a GDM version of the theme

Hello... again!
I am back since I got another request for you. I saw none of your themes got this feature but it may be cool to implement this.
Why don't you make a GDM3 theme? It would just make your themes matching perfectly and look good :-D
Have a nice day,
Antonino

File renaming bug

When renaming a file, the previous file name remains and the file selection turns from white to black. As I understand it, you made this theme through "oomox" using "material-theme". Maybe you know how to fix it.
Environment: MATE.
GTK: 3.28

Removing white border around windows

I tried looking through the gtk.css file to see if I could remove the white border around the windows, but there's a lot of border, border-radius etc.

Thanks.

Power off background is glossy

Fedora 35
Gnome 41
Graphite dark compact

The label of power off background is glossy and font color is light and hide label.

Checkboxes are the same colors as the theme color.

So I discovered this when I tried to shut down the sistem and asked me if I want to update it, there was a checkbox that when I clicked it looked like nothing changed. Can you make it a little darker to see it and make it change colors when it is clicked?

Request: GDM theme

Would you consider making a corresponding theme for gnome's greeting screen, GDM?