Is it possible? I set up my favorite color scheme for the editor, but the rest of UI is very bright "black-on-white".
Thats set by the GTK theme, but I don't know how to set it on Windows, maybe google or one of the other windows users can help you. Google will also help to find a dark theme to download if its not included.
I found a solution for GTK2 (Geany 1.37). https://github.com/geany/geany/issues/1344#issuecomment-597588645 Now I have to figure out, how to apply it to GTK3... :)
P.S.: Thanks, **elextr**. You always try to help.
Now I have to figure out, how to apply it to GTK3... :)
I suspect it doesn't, IIUC the gtkrc file is no longer used, GTK3 theme will be a `.css` file(s) IIUC, like the `geany.css` file that is available for tweaking things (but I doubt it can change a whole theme).
Here https://github.com/vinceliuice/stylish-gtk-theme there's a theme both for GTK2 and GTK3. The question is how to apply it. :) BTW, it would be nice to have at least a switch in the settings: light/dark UI theme.
have a look at https://stackoverflow.com/questions/36464010/change-gtk3-look-on-windows
I will try it, thanks!
Yesss, it works! :) I placed the file **gtk.css** in C:\Users\_username_\AppData\Local\gtk-3.0 (created the missing dir "gtk-3.0"), and Geany applied the css to its UI. Thanks, **elextr**!
Closed #2928.
...Though, the css itself needs tweaking. For example, option ticks are invisible now (red squares).
"Easy fix" will be just replace "C:\Program Files\Geany\data\geany.css" with yours GTK file.
but it will not change win headler (but it not a problem of gtk :^) ) ![https://www.gnome-look.org/p/1267246%5D(https://user-images.githubuserconten...)
Yes, it's now quite nice (to my taste), except blue summary string in messages window. It's hard-coded. :(
![Clipboard-1](https://user-images.githubusercontent.com/42923977/140859821-461d99e4-8214-4...)
I think the "blue" should follow the [`geany-compiler-message`](https://www.geany.org/manual/current/index.html#customizing-geany-s-appearan...) colour.
I think the "blue" should follow the [`geany-compiler-message`](https://www.geany.org/manual/current/index.html#customizing-geany-s-appearan...) colour.
Yes, it really does! Thanks! :) ![Clipboard-2](https://user-images.githubusercontent.com/42923977/140863492-f9b67961-a321-4...)
...Though, the css itself needs tweaking. For example, state of the option ticks (checkboxes) is invisible now (red squares).
How do you change it?
Editing gtk.css, by trial and error. :) I took _Stylish GTK Theme_ (link is upper in the thread), chose **gtk-Dark-Jade.css** as a base, and edited parts of it, looking at the result, until was satisfied. :) CSS is huge and almost not commented. But here is my variant, if you like it. You can compare it with the base and see what was changed. [gtk.css.zip](https://github.com/geany/geany/files/7798782/gtk.css.zip)
Thanks. It doesn't fix all the places but fixed everything in preference which is a big help!
#3063 is addressing the default windows (and OSX) theme, so maybe you want to add your 2c there.
Sorry for commenting on a dead thread, but for anyone who used the above gtk.css and noticed red squares replacing checkboxes in dropdown menus, the solution is to open up the file, go down to the "Firefox and Thunderbird" section, and comment out all blocks that include "-gtk-icon-source". It seems that the code points to some image files to use, but can't find them, and removing the lines reverts the code to using defaults. As for replacing the images, I still haven't found out how "url" works: it's not relative to gtk.css, and it can't be set to an absolute location.
Thanks, very usefull
not working for latest geany
here's how to do it: paste this geany.css [geany.zip](https://github.com/geany/geany/files/11593367/geany.zip) into the \AppData\Roaming\geany folder. The css is the gtk-dark file from https://www.gnome-look.org/p/1013743/. there is no need to change the .css files on geany\data.
![image](https://github.com/geany/geany/assets/107224222/24fe116c-8e6b-4cf6-9e3d-6409...)
oh... the checkboxes are all messed up
eh.. nevermind, some other things broke as well. devs could release an official dark mode...
@cyberhardt Hello, for checkboxes see AndrewIsOffline's comment. For me its work perfectly. What are this some other things broken?
@cyberhardt Hello, for checkboxes see AndrewIsOffline's comment. For me its work perfectly. What are this some other things broken?
when I edit the file to comment out the -gtk-icon-source lines, it returns to light mode
well, I tried different comment styles, and removing the lines entirely. I also tried putting the .css folder on AppData\Local\gtk, while leaving the others untouched. also didn't work. whatever then
If its return to light mod, its mean something is wrong in the file
If its return to light mod, its mean something is wrong in the file
sorry, when I put the file on the AppData folder, it did stay on dark mode, but the red boxes issue wasn't fixed (even after commenting the stuff out)
What is your css file? Can you upload your geany.css?
Please upload files to a gist and only put a link here.
sorry, when I put the file on the AppData folder, it did stay on dark mode, but the red boxes issue wasn't fixed (even after commenting the stuff out)
in Geany, press "tools" > Configuration Files > geany.css
Ctrl + F ": image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));" put #/ at the beginning. Put /# at the end. Ctrl + S Close, reopen. Checkboxes work now.
Hey, how do I remove the line down the middle of the page? I assume it's in the CSS code, as stock didn't have this
Thanks!
@jake8923948 `Edit->Preferences->Editor->Display->Long Line Marker`
sorry, when I put the file on the AppData folder, it did stay on dark mode, but the red boxes issue wasn't fixed (even after commenting the stuff out)
in Geany, press "tools" > Configuration Files > geany.css
Ctrl + F ": image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));" put #/ at the beginning. Put /# at the end. Ctrl + S Close, reopen. Checkboxes work now.
[1175×615 png94.3 kB![image](https://user-images.githubusercontent.com/25887548/244973867-e3baf69f-13e6-4...)
it becomes light mode when I do that
If you are on Windows, put the file here if you use installer: "C:\Progral Files\Geany\data\geany.css"
If not working, can you upload your geany.css?
this doesn't work, it's what I had done at first
in Geany, press "tools" > Configuration Files > geany.css Ctrl + F ": image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));" put #/ at the beginning. Put /# at the end. Ctrl + S Close, reopen. Checkboxes work now.
it becomes light mode when I do that
as suggested by the other person, upload your css file. or even a snippet of it
I've literally just installed geany, first ever time using it, installed the gtk theme and commented out that line and got checkboxes rather than red squres
[geany.zip](https://github.com/geany/geany/files/11716469/geany.zip) this is my geany css from gtk-dark, this time it is intact, nothing commented out
Put this one in your folder \AppData\Roaming\Geany
Put this one in your folder \AppData\Roaming\Geany
haha, nice, it works, but only if you remove both .css folders in Program Files\Geany\data. thanks for that
[geany.zip](https://github.com/geany/geany/files/11716469/geany.zip) this is my geany css from gtk-dark, this time it is intact, nothing commented out
You should've uploaded your one, so we could see what you commented out Regardless, at least it's solved.
I did also say to replace your geany.css with your new css by opening geany.css and replacing everything for the gtk-dark code (which would essentially delete the orignal)
You should've uploaded your one, so we could see what you commented out Regardless, at least it's solved.
Well, I suppose it is easier to just tell me exactly what I should comment out instead of trying to find errors to fix. this is why I sent the unmodified file.
I did also say to replace your geany.css with your new css by opening geany.css and replacing everything for the gtk-dark code (which would essentially delete the orignal)
I had done that before. I've specified it in my last comment so that people who come across this thread can easily know what to do without having to read the entire thing.
in Geany, press "tools" > Configuration Files > geany.css Ctrl + F ": image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));" put #/ at the beginning. Put /# at the end. Ctrl + S Close, reopen. Checkboxes work now.
![image](https://user-images.githubusercontent.com/25887548/244973867-e3baf69f-13e6-4...)
I mean, the screenshot does show the exact line, the exact commenting out characters and the exact location of the commenting out...... either way, at least you managed
I mean, the screenshot does show the exact line, the exact commenting out characters and the exact location of the commenting out...... either way, at least you managed
and I had done exactly that. but it didn't work. nor did the Firefox/Thunderbird -gtk-icon-source trick before. idk what HelloWorldFR did different, but he solved it. that's it
i have just remove all "-gtk-icon-source" line in all file to remove wrong link and avoid red square checkbox.
sorry, when I put the file on the AppData folder, it did stay on dark mode, but the red boxes issue wasn't fixed (even after commenting the stuff out)
in Geany, press "tools" > Configuration Files > geany.css
Ctrl + F ": image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));" put #/ at the beginning. Put /# at the end. Ctrl + S Close, reopen. Checkboxes work now.
![image](https://user-images.githubusercontent.com/25887548/244973867-e3baf69f-13e6-4...)
Ok so I did as in the pic but I still have red boxex. I have no idea what the heck I am doing lol. Can you help me.(I have the newest version of geany)
Go to your gnome instalation location ~\geany\share\themes\Prof-Gnome\gtk-3.0 and change name of gtk file to 'gtk-dark'. ![Zrzut ekranu 2024-07-22 180406](https://github.com/user-attachments/assets/f0f34b27-0b5c-435b-a4a3-b38ccd6b9...) ![Uploading Zrzut ekranu 2024-07-22 180452.png…]()
Go to your gnome instalation location ~\geany\share\themes\Prof-Gnome\gtk-3.0 and change name of gtk file to 'gtk-dark'. ![Zrzut ekranu 2024-07-22 180406](https://github.com/user-attachments/assets/8418aca8-11e2-41b2-8a88-8b2dfb0ac...) ![Zrzut ekranu 2024-07-22 180452](https://github.com/user-attachments/assets/7ee24396-b4ad-4478-a31d-4e6d6d162...)
github-comments@lists.geany.org