Questions tagged [css]
Cascading Style Sheets (CSS) is a style sheet language
110
questions
1
vote
1
answer
367
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?...
- 11
0
votes
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 ...
0
votes
1
answer
315
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 ...
- 1,409
0
votes
0
answers
66
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. ...
- 101
0
votes
1
answer
102
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 ...
- 1,409
4
votes
1
answer
285
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. ...
- 133
2
votes
0
answers
373
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 ...
- 125
3
votes
1
answer
189
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 ...
- 913
1
vote
0
answers
83
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 ...
- 123
11
votes
1
answer
21k
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 ...
- 665
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 ...
- 146
1
vote
0
answers
311
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 ...
- 81
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
170
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
206
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
428
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, ...
- 11
1
vote
1
answer
291
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?
- 1,586
5
votes
1
answer
349
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....
- 5,094
0
votes
1
answer
167
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 ...
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-...
- 63
3
votes
2
answers
9k
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 ...
- 31
3
votes
1
answer
4k
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 ...
- 53
44
votes
3
answers
89k
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.
- 441
0
votes
1
answer
524
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 (...
- 1
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 ...
- 131
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/...
- 68
0
votes
1
answer
73
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 (...
- 101
0
votes
0
answers
385
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.
1
vote
1
answer
166
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,...
- 111
0
votes
1
answer
224
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 "...
- 2,162
1
vote
0
answers
344
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 ...
1
vote
0
answers
250
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 /...
- 2,162
0
votes
0
answers
627
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 ...
- 2,162
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 ...
- 2,162
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,162
9
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 ...
- 12.1k
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 ...
- 275
0
votes
2
answers
390
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-...
- 101k
2
votes
1
answer
246
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 ...
- 2,162
1
vote
0
answers
212
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");
#...
- 31
2
votes
0
answers
145
views
how to change nautilus action buttons background color
in Ubuntu 19.04 ,i have changed my headerbar(titlebar) background image But I still can't change background color of action button in nautilus or in terminal
- 131
0
votes
0
answers
599
views
File to import not found or unreadable: normalize
$ sudo scss scss/custom.scss css/custom.css
when i am trying to run scss command i am getting this error :
Error: File to import not found or unreadable: normalize.
on line 13 of base/...
- 1
1
vote
2
answers
573
views
Ubuntu 18.10 doesn't have the GTK inspector and I just want a terminal border
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
doesn't work, as I don't have the Debug directory under Settings...
I have managed to use the variable tho, and got this
( Not ...
1
vote
1
answer
439
views
Change tooltip text color of Ubuntu Vimix theme
I am on Ubuntu Budgie 18.10 and trying to adjust the colors of the Vimix theme.
Especially, I want to change the foreground and background (text) colors of the tooltip popups.
Editing the GTK3 css ...
- 275
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 ...
- 325
5
votes
1
answer
822
views
How do I increase padding in Gedit?
I would like to add some padding in the editing area in Gedit.
Here is an illustration of the desired result:
I have the intuition it should be easy to do with a trick similar to this one I already ...
-1
votes
1
answer
904
views
How come ubuntu theming is encoded as CSS?
https://wiki.ubuntu.com/Unity/Theming
Usually CSS is used on websites. Does ubuntu got an "CSS interpreter" running or something like that? And why was CSS choosed and not something else (I assume ...
- 271
6
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
...
- 1,541
3
votes
0
answers
3k
views
Modifying gnome-shell.css
I am running Ubuntu 17.10 and I am trying to personalize the Gnome Shell theme by modifying /usr/share/gnome-shell/theme/gnome-shell.css but have been finding it very slow going. There does not ...
- 913