[arch-general] 2 Killer kde4 dark themes - DR you listening??
Guys, I stumbled into 2 cool looking dark kde4 themes while tweaking an existing theme so I thought I would pass them along for any others that like dark themes ... like DR. The themes are dark gradient themes: BlueGold color-theme: http://www.3111skyline.com/download/dt/kde4/color-schemes/DcrBlueGold.colors screenshot: http://www.3111skyline.com/download/ss/kde4/DcrBlueGold.jpg BlackGold color-theme: http://www.3111skyline.com/download/dt/kde4/color-schemes/DcrBlackGold.color... screenshot: http://www.3111skyline.com/download/ss/kde4/DcrBlackGold.jpg (note: the screenshots were from within E16) For the corresponding dark colors for all your kde4 editors (kwrite, kate, quanta), just add the following to your ~/.kde4/share/config/kateschemarc: [kate-kwrite-dark] Color Background=26,26,26 Color Highlighted Bracket=228,180,94 Color Highlighted Line=36,36,36 Color Icon Bar=113,113,112 Color Line Number=167,167,167 Color MarkType1=228,180,94 Color MarkType2=255,0,0 Color MarkType3=255,255,0 Color MarkType4=255,0,255 Color MarkType5=160,160,164 Color MarkType6=0,255,0 Color MarkType7=255,0,0 Color Selection=47,87,133 Color Tab Marker=115,115,115 Color Template Background=204,204,204 Color Template Editable Placeholder=204,255,204 Color Template Focused Editable Placeholder=102,255,102 Color Template Not Editable Placeholder=255,204,204 Color Word Wrap Marker=76,76,76 Font=DejaVu Sans Mono,8,-1,5,50,0,0,0,0,0 then in an editor, choose Settings -> Configure Editor -> Fonts & Colors and then change the "Schema:" (at the top) and the "Default schema for Kate/Kwrite:" (at the bottom) and the editor window color will not complement the dark theme. Enjoy! -- David C. Rankin, J.D.,P.E. Rankin Law Firm, PLLC 510 Ochiltree Street Nacogdoches, Texas 75961 Telephone: (936) 715-9333 Facsimile: (936) 715-9339 www.rankinlawfirm.com
Hi, sorry for hijacking your thread but speaking of dark themes, I have been looking for ages for a nice reverse theme for gtk+ but every single one I remember wasn't perfect... Anyone 100% happy with a reverse theme? And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages... Thanks, Dimitris
On 01/19/2010 08:09 PM, Dimitrios Apostolou wrote:
sorry for hijacking your thread but speaking of dark themes, I have been looking for ages for a nice reverse theme for gtk+ but every single one I remember wasn't perfect... Anyone 100% happy with a reverse theme?
i like NOX from murrine-themes-collection, couldnt say if its perfect, since i only have like 2 gui apps, but it looks very polished to me. Works fine on qt apps too.
And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages...
with proper environment light. i find that only unbearable at night when i turned the lights off already. -- Arvid Asgaard Technologies
On 01/19/2010 01:37 PM, Arvid Picciani wrote:
On 01/19/2010 08:09 PM, Dimitrios Apostolou wrote:
sorry for hijacking your thread but speaking of dark themes, I have been looking for ages for a nice reverse theme for gtk+ but every single one I remember wasn't perfect... Anyone 100% happy with a reverse theme?
i like NOX from murrine-themes-collection, couldnt say if its perfect, since i only have like 2 gui apps, but it looks very polished to me. Works fine on qt apps too.
And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages...
with proper environment light. i find that only unbearable at night when i turned the lights off already.
I stumbled into a part solution to the problem for firefox and other mozilla apps. Basically there is a new type of "skin" you can use called user space skins that use the 'stylish' addon that allows for the easy changing of the titlebar (and all other aspects) of the browser window. The steps are to: (1) load the stylish extension: https://addons.mozilla.org/en-US/firefox/addon/2108 and then, (2) either load an existing theme that does what you want or create a new one in the new Tools -> Addons -> User Styles tab. The first theme I downloaded sucked. It did what I wanted as far as affecting the font of the addressbar and search bar, but looked horrible due to the background drawn being rectangular while the normal theme I have being a 'rounded' rectangle. I got rid of the background color designations, changed the colors and stripped the superfluous stuff out and now I can see the addresses and search phrases perfectly. Man, I've been wanting to do something like this for a while. The original user theme was: http://userstyles.org/styles/7962 My simpler one follows. I left the original elements in the theme (commented out), just in case you want to mess with them. To install it, just click on the new User Styles tab, choose 'Write New Style' and then just copy and paste what follows into the dialog: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Addressbar (Normal) foreground/background/font */ .autocomplete-textbox-container { // background-color: #00316E !important; // color: #00316E !important; color: #2740FF !important; // font-weight: bold !important; // font-size: 8pt !important; } /* Addressbar (Hover) foreground/background/font */ .autocomplete-textbox-container:hover { // background-color: #2740FF !important; // background-color: #00316E !important; // background-color: #E0CB86 !important; // color: #00316E !important; // color: #2740FF !important; // color: #4180FF !important; // color: #555555 !important; color: #B01D1D !important; } //#searchbar .searchbar-box,#searchbar .searchbar-textbox { // background-color: #00316E !important; // color: #00316E !important; // font-weight: bold !important; // font-size: 8pt !important; //} //#urlbar .autocomplete-textbox-container[focused="true"], //#urlbar[focused="true"] { // background-color: #00316E !important; // color: #E0CB86 !important; //} //#searchbar .autocomplete-textbox-container:hover { // background-color: #2740FF !important; // color: #2740FF !important; //} //#searchbar .autocomplete-textbox-container { // background-color: #00316E !important; // color: #E0CB86 !important; //} Works like a champs. Of course, adjust the two color entries to suit your taste. Enjoy :p -- David C. Rankin, J.D.,P.E. Rankin Law Firm, PLLC 510 Ochiltree Street Nacogdoches, Texas 75961 Telephone: (936) 715-9333 Facsimile: (936) 715-9339 www.rankinlawfirm.com
On 01/19/2010 08:09 PM, Dimitrios Apostolou wrote:
sorry for hijacking your thread but speaking of dark themes, I have been looking for ages for a nice reverse theme for gtk+ but every single one I remember wasn't perfect... Anyone 100% happy with a reverse theme?
Most of my applications are console, but I have been using the Murrina-Black GTK2 theme for a long time (~2 years) without issues. In regards to white websites, I just deal with it. Like other people said, as long as you aren't sitting in the dark, it's not a huge deal. Here is my desktop (taken last January I believe- Hasn't changed): http://www.slashbunny.com/desktop-clean.png http://www.slashbunny.com/desktop-dirty.png The black space on the bottom left is because I have two different size monitors ;) I also use the "Marlies Dekkers" theme in google chrome, which happens to match Murrina-Black fairly well. Slash
On 01/20/2010 02:24 PM, Slash wrote:
Most of my applications are console, but I have been using the Murrina-Black GTK2 theme for a long time (~2 years) without issues. In regards to white websites, I just deal with it. Like other people said, as long as you aren't sitting in the dark, it's not a huge deal. Here is my desktop (taken last January I believe- Hasn't changed):
Sheesh! What is your desktop size 33600x1050?
The black space on the bottom left is because I have two different size monitors ;) I also use the "Marlies Dekkers" theme in google chrome, which happens to match Murrina-Black fairly well.
Slash
Cool, thanks! Poking around a bit more. Here is the dark controllable (on/off) userstyle that takes the white websites and turns them into a very pleasant gray. Apparently it is providing a semi-transparent foreground that does a great job: http://userstyles.org/styles/18192 -- David C. Rankin, J.D.,P.E. Rankin Law Firm, PLLC 510 Ochiltree Street Nacogdoches, Texas 75961 Telephone: (936) 715-9333 Facsimile: (936) 715-9339 www.rankinlawfirm.com
Am oder ungefähr am Mittwoch, 20. Januar 2010, schrieb David C. Rankin:
On 01/19/2010 01:37 PM, Arvid Picciani wrote:
I stumbled into a part solution to the problem for firefox and other mozilla apps. Basically there is a new type of "skin" you can use called user space skins that use the 'stylish' addon that allows for the easy changing of the titlebar (and all other aspects) of the browser window.
I also use a dark style sometimes, especially if I work at night. ;) I found that using QtCurve it is quite easy to make all Qt and Gtk applications look nice and dark. For firefox I baked my own little darkening style which may be used with the Stylish addon (see below). It is not very fancy but makes most sites look quite similar to the "original" white look. My first problem is with sites like google.com who use an image with a hardcoded white background. I cannot get that away. The second problem is with Java applications as they do not respect the colour settings of the window manager by default. However you can $ echo 'swing.defaultlaf=com.sun.java.swing.plaf.gtk.GTKLookAndFeel' > /opt/java/jre/lib/swing.properties which should make all Java applications use Gtk as their default look and feel (and thus respect the Gtk colour settings). Best greetings! Edgar <snip> html { background-image: none !important; } body { background-image: none !important; background-color: #302f2f !important; border-color: #7fc8ff !important; color: #7fc8ff !important; } body * { background-color: #302f2f !important; border-color: #7fc8ff !important; color: #7fc8ff !important; } code { color: grey !important; } em { color: #00ad00 !important; font-weight: normal !important; } a:link { color: #3f7f5f !important; text-decoration: underline !important; } a:active { color: #3f7f5f !important; text-decoration: none !important; } a:visited { color: grey !important; text-decoration: underline !important; } a:hover { color: #00ad00 !important; text-decoration: underline !important; } </snip>
On 01/19/2010 01:09 PM, Dimitrios Apostolou wrote:
Hi,
sorry for hijacking your thread but speaking of dark themes, I have been looking for ages for a nice reverse theme for gtk+ but every single one I remember wasn't perfect... Anyone 100% happy with a reverse theme?
And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages...
No problem, I'm interested in the answer as well. I have some killer gnome themes that I really like, but epiphany or firefox simply won't follow the desktop theme without rendering the controls unusable in many cases. I like you created custom chrome.css files by taking pages apart with the DOM inspector to set the input control color to use the theme color only to have it break on the next site. For some apps (like egroupware), a few simple customizations cure the problem and I do that for the 3 web apps I have, but ... that doesn't help the other billion or so potential pages on the net. As for a great reverse theme. I really like the following. Just create a directory for the theme under ~/.themes and make sure you have the needed gtk and metacity parts installed (there standard stuff): [Desktop Entry] Name=dcr+neon+sonar Type=X-GNOME-Metatheme Comment=after crash cleanup [X-GNOME-Metatheme] GtkTheme=QtCurve MetacityTheme=Sonar IconTheme=Neon GtkColorScheme=fg_color:#bd70bd70bd70,bg_color:#333333333333,text_color:#dc28dc28dc28,base_color:#1eb81eb81eb8,selected_fg_c olor:#ffffffffffff,selected_bg_color:#414190b5e473,tooltip_fg_color:#d1ebd1ebd1eb,tooltip_bg_color:#3d703d703d70 CursorTheme=Vanilla-DMZ-AA CursorSize=24 NotificationTheme=bubble See if you like it. -- David C. Rankin, J.D.,P.E. Rankin Law Firm, PLLC 510 Ochiltree Street Nacogdoches, Texas 75961 Telephone: (936) 715-9333 Facsimile: (936) 715-9339 www.rankinlawfirm.com
On 01/19/2010 02:09 PM, Dimitrios Apostolou wrote:
Hi,
sorry for hijacking your thread but speaking of dark themes, I have been looking for ages for a nice reverse theme for gtk+ but every single one I remember wasn't perfect... Anyone 100% happy with a reverse theme?
I currently use Xfce (which uses gtk) in conjunction with Qtcurve. So that way gtk picks up my qt/kde colors.
And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages...
I use firefox, which just leaves the pages white. (And I purposely avoid browsers like Konqueror, Midori, Arora, etc. that stupidly (IMO) try to use my window theme colors inside the browser.) e.g., for an (old) screen shot: http://www.darose.net/DaroseDesktop.png Newer one (but with no browser displayed) at: http://www.darose.net/DaroseDesktop2009-11.png DR
On Tue, Jan 19, 2010 at 09:09:28PM +0200, Dimitrios Apostolou wrote:
And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages...
I use the BYM[0] extension for firefox. It removes image backgrounds, changes the background color to black and text to grey and is easily toggled with a icon on the statusbar. [0] https://addons.mozilla.org/en-US/firefox/addon/7166
On 01/20/2010 03:49 AM, Mikael Eriksson wrote:
On Tue, Jan 19, 2010 at 09:09:28PM +0200, Dimitrios Apostolou wrote:
And most importantly, how the /heck/ do you handle the *bright* *white* pages of the web... I'd tried creating a custom CSS for me, but it broke too many pages...
I use the BYM[0] extension for firefox. It removes image backgrounds, changes the background color to black and text to grey and is easily toggled with a icon on the statusbar.
Now that is cool.... Works great too! -- David C. Rankin, J.D.,P.E. Rankin Law Firm, PLLC 510 Ochiltree Street Nacogdoches, Texas 75961 Telephone: (936) 715-9333 Facsimile: (936) 715-9339 www.rankinlawfirm.com
participants (7)
-
Arvid Picciani
-
David C. Rankin
-
David Rosenstrauch
-
Dimitrios Apostolou
-
Edgar Kalkowski
-
Mikael Eriksson
-
Slash