hrdwrrsk / adementary-theme

A theme for GNOME/Budgie/Xfce/Cinnamon desktop with elementary-ish aesthetics.

Adementary

Adementary is a theme for GNOME/Budgie/Xfce/Cinnamon desktop with elementary-ish aesthetics.

---

This theme has come with 3 variants

Variants	Description	Preview
Default	Light variant with dark panel
Dark	Dark variant
Light	Light variant with light panel (and GNOME shell/Cinnamon theme)

Supported desktop environments

• GNOME 3
• Xfce
• Budgie
• Cinnamon (> 4.0)

Not supported desktops

• Pantheon

elementary OS is NOT compatible. NOTE: Some of 3rd-party elementary/Granite apps are uses custom stylesheet that requires default elementary Gtk theme to work (except Flatpak-ed version because it enforced to use elementary Gtk theme), so it will broken if you use this theme (also with other 3rd-party theme)

• Downstream patched GNOME session (Ubuntu, Pop! OS)

However, you can install 'vanilla' GNOME by typing sudo apt install gnome-session in terminal

• MATE
• LXDE
• KDE Plasma 5
• Other desktops/WMs

(GNOME Shell) Typography

Noto Sans is used as default primary font for GNOME shell theme, Cantarell is used as fallback.

Installation

Dependencies

before you installing this theme, you need this package installed on your system:

• sassc for compiling sass css sources
• gtk 3.22
• Ubuntu 16.04 users read this
• bc (required before running install.sh script)

Required for rendering assets

• inkscape
• optipng

Then run this command:

git clone https://github.com/hrdwrrsk/adementary-theme.git
cd adementary-theme

# System-wide install
sudo ./install.sh

# Local install
./install.sh -d ~/.themes

Then apply this theme with GNOME Tweaks or using your desktop's appearance settings

Flatpak install

flatpak remote-add --if-not-exists flathub https://dl.flathub.org/repo/flathub.flatpakrepo
flatpak install flathub org.gtk.Gtk3theme.Adementary

Reporting bugs/Add suggestions

report it via "Issues" tab, Pull request for bugfixes and features also accepted. for suggestion about design add [design] tag, for DEs/gtk+ app theming/etc. support, add [feature request] tag

Credits

• Adwaita GTK theme by GNOME. (this theme are based on Adwaita)
• elementary OS's GTK theme/stylesheet and it's color palette
• Mint-Y theme by Linux Mint, for Cinnamon theme basis
• install.sh, parse-sass.sh and render-assets.sh script are based on nana-4's materia-theme
• some other projects: Adapta, Arc, plane-gtk-theme and more for code fixes, hacks, etc

adementary-theme's Issues

Drop GNOME shell < 3.28 support

for 'maintainability' reason, I will decide to drop old version (3.20-3.26) of GNOME shell support in next update, this change will affect to users that still using these version of GS (mainly from Debian 9, openSUSE Leap or Ubuntu 16.04 LTS w/GNOME 3.20)

and also, GS theme for 3.20-3.26 are actually symlinked from 3.28 version, and it lacks of legacy (bottom left) systray and old touch keyboard/OSK theming (and maybe visual glitch/inconsistencies), this is another reason to drop GS < 3.28 support, making this theme only compatible with GNOME 3.28, 3.30 (and upcoming) 3.32

Other DEs are unaffected

Update: Cancelled.

LightDM WebKit2 greeter theme

I'm actually interested with LightDM WebKit2 greeter theming, since it's uses web technologies to theme the login screen, so it means:

• It can replicate pantheon-greeter (elementary OS login screen)
• Or use style something similar like macOS/Windows 10/Plasma 5/Chrome OS login screen mixed with elementary OS aesthetic.

New emoji picker

XFCE title bar color

Hello, first great job!

i'm having some issues in xfce title bar:

I think this error is related with e613c58 modifications

New sidebar look

current WIP:

note:

• it's looking ugly in gnome-tweaks and gnome-control-center (3.26+) sidebar because of border edge color:

'Light' variant

Light panel theme for GNOME Shell, and gtk+ based desktops (Xfce/Budgie/MATE)

Update: it's out, but it still have some dark elements in light shell theme

Future to-do

Moved to https://github.com/hrdwrrsk/tetra-gtk-theme/wiki/To-do

Suggestion: An awesome mockup

Hi there. Thank you for your work. Tetra is an awesome theme.
There is an awesome mockuo similar to elementaryOS here: https://www.deviantart.com/bassultra/art/eGTK-Mockup-Kit-339505098
It would be nice if there is another theme based on this mockup. Thank you

close, minimize, maximize buttons missing

looking at the screenshots seems elementary x + - icons are used. But only xfce4 works with it i guess
Are there plans to add these to gnome theme as well or is that oos?

for gnome folks it falls back to the adwaita theme as its missing headerbar button.titlebutton.close/minimize/maximize (with :backdrop :hover :active etc) in the css

Guess what? new name.........

Originally, this theme are called (Project) Beaucoup, then renamed to Tetra. however, I think I should rename this project (again), some possible candidates:

• Elemental
• Admentary / Adwentary
• Elementaire
• Adwaitheon

or suggest any other name

New progressbars and level bars!

sneak peeks

[xfce]Can not tigger close button when window is maximized.

The cursor can not tigger close button in top-right corner.

Pixel saver theming

Any way of fixing this bug?

Running Ubuntu Budgie 19.04 with pixel saver applet.

Album cover shows too small

Tetra Gnome Shell theme shows it this way:

I made a little tweak for showing it way better:

Here's the CSS involved:

.media-message-cover-icon {
            icon-size: 40px !important;
	    border-radius: 2px;
	    border: 1px solid #555;
	    box-shadow: 0 0 1px #aaa;
            &.fallback {
              color: lighten($fg_color,10%);
              background-color: transparent;
              border: 0;
              border-radius: 2px;
              icon-size: 32px;
              padding: 8px; }
          }

Gtk2: use murrine engine for some widgets (need help)

use murrine engine for:

• sidebar/sidepane
• progressbars

Combo box different color in gtk2

In gtk2 it's blue.

In gtk3 it's gray.

CSD aren't constant between apps

The Image viewer app and Gedit don't have the same CSD measurements. The buttons aren't size set to the same standard. Same occurs in Dconf-editor.

2019 updates

After some inactivity (because of experimentation w/KDE desktop with none finished and cancelled), I decided to update this theme, with some changes in Budgie-desktop styling (but some visual 'bug' still unfixed!)

1. Redesigned Budgie menu
   

2. Popover hover/active state now flat (to create consistency with native popover)

3. Add new icon tasklist popover styling

4. Reworked popover code and run dialog styling
   

It will be landed in a new commit.........

I've created a firefox userChrome.css theme...

I've made (modified) a couple of themes, both based on kurogetsusai's firefox-gnome-theme, to fit better with Tetra-dark than the regular firefox theme - one with tabs on top, and one with tabs on the bottom. The majority of the code is from the original, with colors and other minor tweaks to fit with Tetra. I'm still working a bit on them, but they're both in a pretty solid state at the moment, so I thought I'd attach them here (if a pull request is more appropriate let me know and I'll open one - I thought this would be easier to start with) if you'd like to include it in your repo in some way. The original code was released with unlicense, so I'm pretty certain there's no issue with including it here under the GPL. Thanks for the great theme!

chrome_bottomtabs.zip
chrome_toptabs.zip

Add bc to the dependencies

The package bc is required to run the install.sh script, it should be written somewhere in the README

Square Avatar in log-out dialog

Firstly, I'm really digging this theme! It gives me the beautiful elementary OS theme but I get the customization of GNOME. Keep it up.

Recently, GNOME 3.32 switched away from square avatars to circle ones. This can be seen when clicking the "log-out" dialog. I was wondering, would it be possible to implement circle avatars in your theme? It would be nice if it were round like Adwaita, making this theme more consistent with the rest of GNOME.

Here is what it looks like currently:

Here is how it looks with Adwaita (default):

search field bug

Hi there,
First of all, I love the style. Basing it a bit on elementary is a solid choice
This should be getting a lot more love as its just as good as other themes.

ran into this though, try searching for something not existing in a gedit:

more obvious in tetra-dark:

im on the latest version from a couple of days ago. Dont think that line is isupposed to be blue. Might be an easy fix for this (i hope)
Anyway hope this little feedback helps

Assets rendered as red squares.

As the title says, assets in this theme are not being rendered correctly, mostly as red squares.

It is strange since I meet the requirements to build it from git.

I use Debian 9.5 with MATE 1.20.x (which uses GTK 3.22), and I also possess the required dependencies mentioned in the building part of the main readme.md file.

Here I attach pics for further details:

Suggestion: Compact variante

@hrdwrrsk do you think it would be interesting to have a more compact version of the theme?
Which has combox, buttons, inputs ... more narrower.

Well I have a low resolution notebook and a variant like that would be perfect!

Thanks.

Metacity/Marco theme (need help)

i can use a discontinued Adwaita metacity theme as a basis for Metacity/Marco theme (also related for cinnamon support for early 2019)

Battery percentage grayed out in Budgie

Budgie 10.5 on Ubuntu 19.04.
Letters and words like the Budgie menu, Places applet, and calendar applet are all white. Sorry, stickler for detail.

Unless that's the intended design.

Menubar theming in Qt applications

Qt applications' menubar is not correctly themed.

This holds for sqlitebrowser and vlc as found in the Ubuntu Bionic repositories.
Libreoffice (as pulled in by the libreoffice package) is themed just fine.

Gtk applications are themed correctly (e.g., Gnome terminal with Light theme variant).

I use qt5ct, setting the environment variable QT_QPA_PLATFORMTHEME=qt5ct in /etc/environment and by selecting gtk2 in Qt5ct (screenshot below).

OS: Ubuntu 18.04.1 LTS (minimal installation)
GTK theme: Tetra
Shell theme: Tetra Dark

Can't adjust dock opacity

The dock is themed very nicely and everything is spaced out well but my only gripe is that I can't adjust the opacity of the dock when using "Dash to Dock" extension. Is there a way to make it so one can adjust the opacity/transparency of the dock? At the moment, when there is text behind the dock, it is quite hard to see the app indicators and the icons themselves.

Nemo inactive theme bug

Every time I open Nemo the sidebar shows the inactive theming until I hover the mouse over the folder alias or I click on said sidebar area.
Running Manjaro GNOME 3.34.2 with Nemo 4.4.2.
This bug happens with all the theme variants.

Making a Darker fork

https://github.com/SaucySauce/adementary-darker-theme

Still plenty to do, especially buttons and comboboxes. Server side decorations still need to be done.

Drop selection mode headerbar UI styling

• In mobile platforms such as Android/iOS, Entering selection mode doesn't change app headerbar color (however, not all 3rd-party apps does this)
• elementary OS stylesheet doesn't have styling for selection-mode headerbar
• Colored headerbar only fits with "branded" 3rd-party apps (the main example is Eddy, .deb package installer for elementary OS)

Cinnamon theme

currently looking for theme basis, use Mint-Y theme as a base or fugly default one?

Hover affect on Budgie Menu Applet

Hover style doesn't match other applets either the icon task list applet or the status bar applets, the latter having no affects whatsoever (no problem here).

Remove sass extend compounds

• this will allow this theme to compile with sassc 3.6.0 (although some distros are still using old version of sassc, for exampe: Arch Linux still uses sassc version 3.5.x (3.6.0 in testing?), and Ubuntu 18.04 LTS)

"Darker" variant cancelled

After some weeks inactivity, now i'm announced that "Darker" (or dark header/titlebar variant) is cancelled, it's more painful work and it actually makes some widgets broken

Instead, "Darker" variant would became "Unofficial fork". And yes, instead of complaining about "darker" variant -- I was working to make widgets more "laptop and small-screen" friendly and also more stuff coming

Pamac package manager headerbar bug

If you look closely something happens when the category list button is showing that makes the headerbar increase height. This doesn't happen on Adwaita.

XFCE - Buttons on task bar are difficult to press

Hello again,

So I'm trying out XFCE and I'm surprised to find that this theme works beautifully with this desktop environment. Everything looks super polished, keep up the great work!

One minor problem I've come across (albeit an annoying one), is that it is difficult to click the window buttons / task bar buttons when I bring the mouse all the way down. Here is a screenshot of what I mean.

When the cursor is over the "[berk - File Manager]" I can click on the button normally. The problem however is that I can't click on the button if the cursor is below the button. This means, when I naturally bring the cursor to click on another window, it is difficult to press the desired window because of the padding around the button and taskbar itself. Is there a way to resolve this?

It would be nice to leave the borders around the taskbar buttons as is because they look great. If you want to test out the desired behaviour of buttons in XFCE, Adwaita behaves normally due to the large buttons.

Budgie Desktop Settings CSD non standard

In the picture, GNOME settings, Gedit, Lollypop, Image viewer are shown to have the same standard, using font size 9 Noto Sans Regular, only Budgie Desktop Settings sticks out in the background.

Looks like another patch theme developers have to make lol

Dark fonts in vala-panel-appmenu and Budgie Calendar Applet (Solus)

Hi! Your theme is amazing. I’m using it in Solus Budgie and it looks gorgeous.
However, I installed vala-panel-appmenu (a global menu add-on) and I noticed that the fonts of the global menu are dark and thin when I’m using your theme:

Compare with how it looks with the default theme (Adapta):

Is it possible for you to set the fonts for the global menu more bright and bold?

Thanks!

Goghard

P.S. The problem also affects Budgie Calendar Applet

Dark headerbar variant

any chance of a darker version. i mean darker as in dark headerbar and light body

name suggestion

actually, beaucoup name are just a placeholder since i'm struggled to find a name, do you have a suggestion for this theme name? just comment here!

update: #1 (comment)

Suggestion: MacOS-esque Titlebar Buttons

Hi again,

I was wondering, is it possible to implement MacOS-esque, traffic-light titlebar buttons? I think it would add some colour to the theme. Here is one theme that takes the Elementary theme and adds the OS X window controls. https://github.com/surajmandalcell/elementary-x

It would be nice to have it as an option in the script to use the traffic-light titlebar buttons. If you do plan on implementing this, I'm more than happy to help test these changes.

Once again, keep up the great work. This is the best theme I've ever come across.

Adding border exception to Dash2Dock edge

Any way to remove this border when the panel is extended edge to edge? I removed the background to make it easier to see.

Possibility to change Dock theme

Would it be possible to have an option to make the dock the dark color in the standard Adementary variant? Maybe it's just me but the white sticks out like a sore thumb.

Neutral color dark theme

follow what elementary OS default theme did, especially with currently new recent commit

todo:

• Switch to BLACK_500 from _palette.scss
• Update dark theme asset in Gtk2, Gtk3, xfwm4, gnome-shell & cinnamon
• Visual check-up and fine-tune color shading in some areas

Budgie panel, Black indicator in active app

The focused, active window indicator is black.
A hovered open application but not focused is blue.
Budgie 10.5. Ubuntu 19.04.

Stylized Budgie Region SI spacing

The Status indicator is the only applet that combines three functions into one area. As such the icons aren't evenly spaced. Could you increase the distance between the battery icon and audio icon by 2 or pixels?

Developing a No Title Bar extension buttons theme for this theme

Right now I'm (https://github.com/SaucySauce/adementary-no-title-bar-extension-buttons) just taking bits and pieces of your work into a theme for No Title Bar extension (https://github.com/poehlerj/no-title-bar) set of themes. Just giving you a heads up. Right now it only lacks the checkbox icons (hover and pressed) around the control buttons.

Deprecate _drawing.scss and _colors.scss (GNOME shell/Cinnamon)

Since widgets like buttons are now using SVG asset instead of CSS (due to limitations in St toolkit), _drawing.scss file used in GNOME shell/Cinnamon are almost obsolete and no longer used, but it's still used in some areas currently. Also _colors.scss will be merged into Gtk version instead using separate _colors.scss

some tasks:

• Add entry/textfield assets in GNOME shell theming
• Remove widget drawing import from _drawing.scss in _common.scss
• check and compare _colors.scss before it uses _colors.scss from Gtk

November update

Coming this November, but it still need final touch before I publish this version, it features elementary OS-ish design for Gtk+ (note: pantheon-desktop/granite is still not supported), but shell theme design is still remain (w/some changes planned)

and also support for Ubuntu 18.10+ will be 'killed' and Ubuntu will be added as 'not compatible' distro/desktops same as elementary OS (except Ubuntu 18.04 and 16.04-through-dirty-hack)