Questions tagged [css]

Cascading Style Sheets (CSS) is a style sheet language

Filter by
Sorted by
Tagged with
7 votes
2 answers
7k views

gtk.css - How to add blurry background effect?

How to add blurry glass effect into the themes? (CSS3 supports gaussian blur with blur(1px); on many browsers) When I drop the opacity, I'm getting a result like this: But I want a blur effect like ...
44 votes
4 answers
90k views

How do I change login screen theme or background in Ubuntu 20.04?

How can I change the Ubuntu 20.04 login screen theme or background? In the previous version 19.10, I can change it from the CSS file under Yaru theme but now there is no CSS file.
2 votes
0 answers
67 views

Change GNOME Activities Overview Highlight Color

The GNOME activities overview allows you to select items, all the while using a gray background, and a dark gray highlight to indicate the item selected (see picture below Utilities). There is almost ...
1 vote
2 answers
1k views

Widening Firefox scrollbar

I want to widen the scrollbar on Firefox but the answer I found doesn't give full enough instructions for me. How to remove overlay-scrollbars in Ubuntu 17.10 and 18.04? It says "Put this into ...
1 vote
1 answer
674 views

Ubuntu 23.04 fixing thick window title bar on gtk.css won't work

I used xorg than Wayland on Ubuntu 23.04 Does anyone know why editing the .config/gtk3.0/gtk.css does not work and will not affect nautilus, VSCode and other app title bar/headerbar thickness on 23.04?...
3 votes
2 answers
11k views

I want to enable userChrome.css | I want to edit my my default appearance of Firefox UI

So I've just moved from Windows to Ubuntu 20.04 as my main driver. I had no issue finding my desired applications to run natively (tusk as Evernote client, Notion client, Mega cloud sync) so I had no ...
3 votes
1 answer
214 views

Names of gnome-shell power-off/restart/logout dialogs

In the latest versions of gnome-shell the power-off/restart dialog has been split into separate dialogs (compare Ubuntu 20.04 with 21.10). Along with the log-out dialog they are all themed by the ...
0 votes
1 answer
359 views

Gnome Shell CSS Properties for Menus

I previously had a question about asking for elements in the GNOME Shell, but I deleted it because it was too broad. So I am editing agnome-shell.css file and I am looking everywhere but I cannot find ...
4 votes
1 answer
3k views

Editing Yaru Gtk theme: where is resource:///com/ubuntu/themes/Yaru/3.20/gtk.css?

I'd like to edit the dark Yaru theme for Ubuntu 20.04 (specifically the bright orange color on highlighted/selected items). from other questions here I think I have to edit /usr/share/themes/Yaru/gtk-...
4 votes
6 answers
659 views

Looking for code editor software with following functionalities

I am looking for a text editor with the following functionalities for php, html and css coding: code folding based on indentation (best example is EditPlus) start at an indentation level and stop ...
2 votes
1 answer
2k views

Why BlueGriffon is not in the repo?

BlueGriffon is not in repositories. Is it dead ? If so can you tell me about any alternative ?
0 votes
0 answers
69 views

opening a .css file throws me an error

Opening this file: https://drive.google.com/file/d/1W47IfvZ_FiGhZgwnUlmgQHA5_4FFZvRc/view gives me this error and it won't let me edit it: The file you opened contains some invalid characters. ...
0 votes
1 answer
119 views

Do Not Dim Wallpaper When in Activities Overview?

I would like to know if there is a way to stop the blurring of the wallpaper whenever you go into the Activities Overview in the GNOME Desktop Environment. If so, is there a way to do it in a GNOME ...
4 votes
1 answer
317 views

How can I change rubberband colour on Desktop?

(Sorry for any bad English) Lately, I have been customizing my system (Ubuntu 21.10 themed with Yaru Dark and Zsh as shell with powerlevel10k theme). I set it all up, including a cool colour palette. ...
2 votes
0 answers
379 views

gnome 41, edit theme, which file?

Which file is for GNOME 4.1 (GTK) theme changes? I applied theme Orchis-grey.tar.xz on GNOME 4.1. I need change just color for chosen line more lighter (example in Evolution email client on image, now ...
1 vote
0 answers
90 views

Window Controls have mixed themes

So yesterday I started messing around with my own gtk theme or well just modifying really. I use the Dracula Theme but wanted my maximize button to appear purple as I saw it in another theme and ...
3 votes
1 answer
1k views

How to increase the spacing between items in the left sidebar of Nemo file manager?

I want to increase the spacing between the items in the left sidebar of the Nemo file manager. By default the spacing is small, so, for me, the items looks cluttered. Is there a way to increase that ...
7 votes
2 answers
20k views

How to install node-sass on Ubuntu 18.04, and How to succesfully compile .scss file to css?

I have tried this answers but it didn't work. I am trying to compile files in my scss folder to regular css files but it's hanged in between. I installed node-sass from npm and it gives error as ...
11 votes
1 answer
22k views

How to reduce the height of headerbar (titlebar) of GTK3 apps using CSD?

The height of title bar in GNOME is really wide. Is there a way to make it narrow without installing any extension or theme? Title bar of File manager and Terminal is wide and looks ugly. I love how ...
2 votes
1 answer
3k views

How to use shift+alt+arrow-down for copy the selected lines just under the selected lines in Visual Studio Code

Previously I used Windows 10 operating system. I am a beginner and I am learning HTML, CSS. I used Visual Studio Code on Windows 10. There I used the shift + alt + arrow-down key to duplicate some ...
1 vote
0 answers
335 views

Can't change scrollbar color in a GTK3 theme without messing with it

I use GoldBars as my GTK3 theme. Differently from the screenshots, at least for Firefox 89, the vanilla, gray scrollbar is displayed, although other elements of the theme are clearly in effect. I ...
0 votes
1 answer
32 views

Configuring themes

I've installed a gtk theme for my system, but for some reason the theme don't work well with context menus(I've already fixed that), the top bar and the dock. So, I want to change that orange line ...
1 vote
0 answers
26 views

Adjusting gap between time and date on 18.04 lock screen

I would like to move the time and date lines closer on the lock screen, but I couldn't find a right parameter to use. I attached the relevant part of my /usr/share/gnome-shell/theme/gdm3.css for your ...
1 vote
0 answers
182 views

Gnome-flashback and 4k display

I am using gnome-flashback with 4k display and 200% scaling. It works fine but some of the icons are too small (e. g. in window button list and one of the notification panels), and also there is too ...
1 vote
0 answers
222 views

Geany compilation error

What is this error about: /bin/sh 1: tidy: not found when I compile the HTML file this error shows up in the compiler window. Html file works, but I'm afraid that this may create problem, so please ...
1 vote
0 answers
449 views

I am new to GTK3 CSS. Is there a way to have different headerbar textures for specific applications?

I am attempting to modify a theme named "Poppy OS X" to recreate Mac OS X Mountain Lion. I am trying to get custom textures on the headerbar of certain windows (Leather textures on Notes, ...
9 votes
1 answer
3k views

Alternative for wkhtmltopdf?

Question: Are there alternatives to wkhtmltopdf? Why: wkhtmltopdf is converting my css wrong, do not show the background property of a div
1 vote
1 answer
305 views

Class of CSS element of the background color of wifi selection box in gnome-shell

I want to change the background color of the wifi selection box in gnome. However, I don't know which CSS is responsible for the same. Can anybody help me?
5 votes
1 answer
367 views

mate-panel clock applet non monospace font causes wiggling in notification area

I'm running Ubuntu 20.04 mate desktop. I am customizing the mate-panel. I wanted to use the following digital font and I added the following style to ~/.config/gtk-3.0/gtk.css #clock-applet-button....
10 votes
4 answers
14k views

How to permanently add CSS to some pages using Firefox?

How to permanently add CSS to some pages using Firefox? Say, I want to change the font or background of a page I frequent using Firefox. How to do that?
0 votes
1 answer
532 views

Change login screens with Flat-Remix shell theme on Ubuntu 18.04

I'm on 18.04 installed 18.04 on a Dell E4310 with a 1TB SSD, and I'm trying to change that screen, but also the first login screen after reboot. I edited the /usr/share/gnome-shell/theme/ubuntu.css (...
0 votes
1 answer
2k views

Changing date and time position on the lock screen - Ubuntu 18.04

We are attempting to move the date and time of the lock screen. We've discovered Gnome uses a CSS file for the lock screen's configuration. The file is located in //usr/share/gnome-shell/theme/...
1 vote
1 answer
179 views

Looking for window resize color in ubuntu.css

I changed themes, but a few of the parts remained on ubuntu orange. Found a post directing me to ubuntu.css and was able to change most of my color concerns there, except the color that started it all,...
0 votes
1 answer
169 views

photoshop alternative for front end developers on ubuntu

i am a front end developer and i just installed Ubuntu is there a Photoshop alternative for Ubuntu that has the CSS code feature that i can copy the css code right from the .PSD and i also need to ...
3 votes
1 answer
5k views

CSS classes in gnome-shell for panel's menus background and slider

I would like to change the background of panel's menu (and make it transparent) and change the color of the slider (from purple to orange). I like the default Ubuntu shell theme, so I don't want to ...
10 votes
1 answer
5k views

Help creating a new theme based on Adwaita?

I'd like to create a theme based on Adwaita. I discovered that Adwaita no longer uses *.css files: cat /usr/share/themes/Adwaita/gtk-3.0/gtk.css /* Adwaita is now part of GTK+ 3, this file is no ...
0 votes
1 answer
76 views

Unable to change resolution after ubuntu.css edit (18.04)

I made a very silly mistake of editing my ubuntu.css file (/usr/share/gnome-shell/theme/ubuntu.css) without making a backup in the process of attempting to change the screen-lock/login wallpaper (...
0 votes
0 answers
397 views

Make any application window title bar transparent in Ubuntu 18.04

How can I make application window bars transparent in Ubuntu 18.04? I've searched online but haven't found anything for this version.
0 votes
1 answer
225 views

Why image files don't appear in loginscreen but appear in the Unlockscreen?

I have a customized "mytheme.css" that used to be able to show the loginscreen and unlockscreen wallpapers or any other icons using the url command. Their paths used were specified relative to the "...
1 vote
1 answer
958 views

Color calibration on Ubuntu

I noticed that colours on Ubuntu look different than on Windows, on the same laptop. The problem is that when I use Photoshop in Virtualbox and I make a solid colour image in one colour, and when I ...
1 vote
0 answers
352 views

Where does /etc/alternatives/gdm3.css pull its colors from?

I have been changing the /etc/alternatives/gdm3.css file to customize the colors of my desktop for a while now, but I believe it may be making my OS unstable. It even says on the top of the file "This ...
2 votes
1 answer
4k views

Difference between gnome-shell.css and ubuntu.css, and what are they for?

In ~/.local/share/themes/MyCustomTheme/gnome-shell/gnome-shell.css, I had amended #lockDialogGroup{} to try to show an image in the GDM and made changes to /* Auth Dialogs & Screen Shield */ to ...
1 vote
0 answers
282 views

Syntax to file path in css

I would like to type the following command in a css file. background: #2c001e url(file:///home/user/.local/share/backgrounds/mypic.jpg) However, I don't want to explicitly declare the user path /...
0 votes
0 answers
634 views

How to create a circular framed-user-icon{} in unlock and login screen

According to this tutorial, I should be able to create a circle in CSS with: .dot { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block; } I ...
1 vote
1 answer
1k views

Can '~/.local/share/gnome-shell/theme/ubuntu.css' have priority over '/usr/share/gnome-shell/theme/ubuntu.css'?

The ubuntu.css file is found in /usr/share/gnome-shell/theme/ubuntu.css. I would like to customise this file. Thereafter, should I replace the original with this customised file (I see this practise ...
2 votes
2 answers
2k views

Window Title Bars Differ in Height

I am delving a little into theming and css styling. It mostly works well, but I am having trouble with the styling of the title bars. They all accept well gradient, background color and such, but ...
0 votes
2 answers
391 views

Can't grep price in downloaded webpage

Using wget I downloaded this webpage: With the command: RobWebsiteAddress="https://www.walmart.ca/en/ip/Dispenser-Set-Tumbler-Organizer-Bathroom-Bin-Holder-Bathroom-Containers-Soap-Set-Accessories-...
2 votes
1 answer
251 views

The "Date" in Ubuntu 18.04 Lock Screen is not always center aligned. How to fix?

In Ubuntu 18.04, there appears to be an issue with the alignment of the shown "Date" in the locked screen, i.e. .screen-shield-clock-date{} in /usr/share/gnome-shell/theme/ubuntu.css. It sometimes ...
0 votes
2 answers
2k views

How to theme gnome.shell calendar panel button

I was trying to change the theme of panel button : calendar And here is my attempt I need to make calendar looks like this, specifically how to alter the appearance of the first line or second line ...
1 vote
0 answers
215 views

Firefox 66 CSD css remove blank space

Wanted to move close,min,max buttons to left in firefox 66 Ubuntu. Found the code below that did the job. `@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #...