Jump to content

Sky Slate Blueberry Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate
Photo

Zenburn AutoHotkey.com CSS


  • Please log in to reply
19 replies to this topic
tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
Zenburn AutoHotkey theme, by tidbit

I'm breaking out of the main topic.

About:
Zenburn is a mildly dark theme used in editors such as Notepad++.
... I'm to lazy to type. A picture is worth a thousand words ...
[1000] - [2000]

Issues:
- Some form buttons and drop-down-lists want to be stubborn.
Would like some help on this.

Notes:
- This is a 'user css'. Not all browsers support them. You may need a plugin on some browsers. Please refer to your browsers manual/support/forum on how to use a user css. I only use opera.
- I, tidbit, did not create Zenburn. I just ported it the color scheme onto the autohotkey.com site and pages.
- You may edit the theme for your personal use.
- Don't ask me to theme your site or other sites.
- I, tidbit, am not a webdev. Or CSS professional. Infact, I've barely done it before. Sorry if it doesn't meet professional standards.

v4 (Fri July 06, 2012): [color=green]tomoe_uehara very kindly updated the CSS for the new forums. THANKS![/color]
v3 (Wed March 21, 2012): [color=green]Fixed the input text area in Post Reply.[/color]
v2 (Sat September 10, 2011): [color=green]Main sites search page improved.[/color]
v1 (September 05, 2011): [color=green]Documentation and Homepage Support.[/color]

NOTE: tomoe_uehara has provided a fix since the website has updated. This Old [Download] contains the OLD CSS with the images. if you want her updated code, it can be found below (or click her name in the beginning of this paragraph).

if you just need the updated CSS and NOT the images, just replace the contents of the CSS file with this:
This is the up-to-date code by tomoe_uehara
@charset "utf-8";

/* Name: AHK Forum Zenburn */

/*  
  Zenburn AHK forum theme
  Ported and Modified by tidbit
  version 3 (Sat September 17, 2011)
*/

/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/



/*
===========================
THE BELOW STYLE IS FOR THE FORUM.
SCROLL DOWN TO FOR THE DOCUMENTATION AND SITE.
===========================
*/



/* General page style. The scroll bar colours only visible in IE5.5+ */

body
{
   background-color: #3F3F3F !important;
   color: #EDEDE4 !important;
   scrollbar-face-color: #3F3F3F !important;
   scrollbar-highlight-color: #FFFFFF !important;
   scrollbar-shadow-color: #3F3F3F !important;
   scrollbar-arrow-color: #A3BFCD !important;
   scrollbar-track-color: #EFEFEF !important;
   scrollbar-darkshadow-color: #101010 !important;
}



/* General font families for common tags */

font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif }

a:link, a:active, a:visited { color : #A3BFCD !important }

a:hover
{
   text-decoration: underline !important;
   color : #ffffff !important;
}

hr
{
   height: 0px !important;
   border: solid #3F3F3F 0px !important;
   border-top-width: 1px !important;
}

/* This is the border line & background colour round the entire page */

.bodyline
{
   background-color: #3F3F3F !important;
   border: 1px #101010 solid !important;
}

/* This is the outline round the main forum tables */

.forumline
{
   background-color: #101010 !important;
   border: 2px #101010 solid !important;
}

/* Main table cell colours and backgrounds */

tr.row1 { background-color: #454545 !important }
tr.row2 { background-color: #545454 !important }
tr.row3 { background-color: #3F3F3F !important }
td.row1 { background-color: #555555 !important }
td.spacer { background-color: #004400 !important;}
td.row2 { background-color: #555555 !important;}
p.topicdetails { background-color: #555555 !important;}
td.catdiv
{
   background-color: #3F3F3F !important;
   background-image: none !important;
}
.row3 { background-color: #454545 !important }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/

/* cell pic 2 */
td.rowpic
{
   background-color: #1f1a16 !important;
   background-image: url(images/cellpic2.jpg) !important;
   background-repeat: repeat-y !important;
}


/* cell pic 3 */
th
{
   color: #EDEDE4 !important;
   font-size: 12px !important;
   font-weight : bold !important;
   background-color: #555555 !important;
   height: 25px !important;
   background-image: url(images/cellpic3.gif) !important;
}

/* cell pic 1 */
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom
{
   background-image: url(images/cellpic1.gif) !important;
   background-color: #3F3F3F !important;
   border: #372E28 !important;
   border-style: solid !important;
   height: 28px !important;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/

td.catHead, td.catBottom
{
   height: 29px !important;
   border-width: 0px 0px 0px 0px !important;
}

th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR
{
   font-weight: bold !important;
   border: #101010 !important;
   border-style: solid !important;
   height: 28px !important;
}

td.row3Right, td.spaceRow
{
   background-color: #3F3F3F !important;
   border: #101010 !important;
   border-style: solid !important;
}

th.thHead, td.catHead
{
   font-size: 12px !important;
   border-width: 1px 1px 0px 1px !important;
}

th.thSides, td.catSides, td.spaceRow { border-width: 0px 1px 0px 1px !important }
th.thRight, td.catRight, td.row3Right { border-width: 0px 1px 0px 0px !important }
th.thLeft, td.catLeft { border-width: 0px 0px 0px 1px !important }
th.thBottom, td.catBottom { border-width: 0px 1px 1px 1px !important }
th.thTop { border-width: 1px 0px 0px 0px !important }
th.thCornerL { border-width: 1px 0px 0px 1px !important }
th.thCornerR { border-width: 1px 1px 0px 0px !important }

/* The largest text used in the index page title and toptic title etc. */

.maintitle, h1
{
   font-weight: bold !important;
   font-size: 55px !important;
   font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif !important;
   text-decoration: none !important;
   line-height : 120% !important;
   color : #996666 !important;
}

h2
{
   font-weight: bold !important;
   font-size: 22px !important;
   font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif !important;
   text-decoration: none !important;
   line-height : 120% !important;
   color : #996666 !important;
}

/* General text */

.gen { font-size : 12px }

.genmed { font-size : 11px }

.gensmall
{
   font-size : 10px;
   color: #7FCF7F !important;
}

.gen, .genmed { color : #EDEDE4 !important }

a.gen, a.genmed, a.gensmall
{
   color: #7A98CC !important;
   text-decoration: none;
}

a.gen:hover, a.genmed:hover, a.gensmall:hover
{
   color: #60C6DC !important;
   text-decoration: underline;
}

/* The register, login, search etc links at the top of the page */

.mainmenu
{
   font-size : 11px !important;
   color : #EDEDE4;
}

a.mainmenu
{
   text-decoration: none !important;
   color : #A3BFCD !important;
}

a.mainmenu:hover
{
   text-decoration: underline !important;
   color : #60C6DC !important;
}

/* Forum category titles */

.cattitle
{
   font-weight: bold !important;
   font-size: 12px  !important;
   letter-spacing: 1px !important;
   color : #A3BFCD;
}

a.cattitle
{
   text-decoration: none !important;
   color : #A3BFCD !important;
}

a.cattitle:hover { text-decoration: underline !important }

/* Forum title: Text and link to the forums used in: index.php */

.forumlink
{
   font-weight: bold !important;
   font-size: 12px !important;
   color : #7A98CC !important;
}

a.forumlink
{
   text-decoration: none !important;
   color : #d1b881 !important;
}

a.forumlink:hover
{
   text-decoration: underline !important;
   color : #ffa754 !important;
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav
{
   font-weight: bold !important;
   font-size: 11px !important;
   color : #EDEDE4 !important;
}

a.nav
{
   text-decoration: none !important;
   color : #B8CC93 !important;
}

a.nav:hover
{
   text-decoration: underline !important;
   color : #6EC6DC !important;
}

/* titles for the topics: could specify viewed link colour too */

.topictitle
{
   font-weight: bold !important;
   font-size: 11px !important;
   color : #F09EAD !important;
}

a.topictitle:link
{
   text-decoration: none !important;
   color : #d1b881 !important;
}

a.topictitle:visited
{
   text-decoration: none !important;
   color : #9398CC !important;
}

a.topictitle:hover
{
   text-decoration: underline !important;
   color : #6EC6DC !important;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name, .postauthor
{
   font-size : 11px !important;
   color : #C2BE9E !important;
}

/* Location, number of posts, post date etc */

.postdetails
{
   font-size : 10px !important;
   color : #7F9F7F !important;
}

/* The content of the posts (body of text) */

.postbody
{
   font-size : 14px !important;
   line-height: 18px !important;
   color: #edede4 !important;
}

a.postlink:link
{
   text-decoration: none !important;
   color : #A3BFCD;
}

a.postlink:visited
{
   text-decoration: none !important;
   color : #A3BFCD !important;
}

a.postlink:hover
{
   text-decoration: underline !important;
   color : #60C6DC;
}

/* Quote & Code blocks */

.codetitle
{
font-size: 14px !important;
background-color: #336633 !important;
color: #FFFFFF !important;
}
.codecontent
{
background-color: #CCD0CC !important;
color: #000000 !important;
}

.quotetitle
{
font-size: 14px !important;
background-color: #333399 !important;
color: #FFFFFF !important;
}
.quotecontent
{
background-color: #CCCCDD !important;
color: #000000 !important;
}

/* Copyright and bottom info */

.copyright
{
   font-size: 10px !important;
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   color: #444444 !important;
   letter-spacing: -1px !important;
}

a.copyright
{
   color: #444444 !important;
   text-decoration: none !important;
}

a.copyright:hover
{
   color: #EDEDE4 !important;
   text-decoration: underline !important;
}


/* Form elements */
textarea
{ 
background-color: #0000FF !important;
border-color: #EDEDE4 !important;
color: #454545 !important;
font: normal 11px Verdana, Arial, Helvetica, sans-serif !important;
}


/* The text input fields background colour */

input.post, message, select
{
   background-color : #444444 !important;
   color: #FFFFFF !important;
}

input { text-indent : 2px !important }

/* The buttons used for bbCode styling in message post */

input.button
{
   background-color : #616161 !important;
   color : #edede4 !important;
   font-size: 11px !important;
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* The main submit button option */
input.btnmain
{
   background-color : #CCCCCC !important;
   font-weight : bold !important;
}

/* None-bold submit button */
input.btnlite
{
   background-color : #999999 !important;
   font-weight : normal !important;
}

input.btnfile { background-color : #AFAFAF !important; }
textarea.post { background-color : #AFAFAF !important; }

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know  !important;)
*/

.helpline
{
   background-color: #545454 !important;
   color : #B8CC93 !important;
   border-style: none !important;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */

@import url("formIE.css");

@media print { 
    td.code > div:first-child { height: 100% }
    .print-hide { visibility: hidden }
}

/* COLOR OVERRIDES. CODE BOXES AND POST COLORED TEXT */

/* code */
td.code { color: #C3C18C !important }
/* comments */
td.code span { color: #7F9F7F !important }

some_nowhitespace { nowhitespace: afterproperty }



[style="color],
   [style="color],
   [style="color] { background-color: #545454 !important }
[style="color],     
   [style="color],    
   [style="color] { color: #8cd7ff !important }
[style="color],       
   [style="color],
   [style="color]  { color: #ff8080 !important }
[style="color],    
   [style="color]   { color: #cd7dff !important }
[style="color],  
   [style="color] { color: #82bfe0 !important }
[style="color],     
   [style="color]    { color: #a6742a !important }
[style="color],   
   [style="color]  { color: #ad6d6d !important }
[style="color],     
   [style="color]    { color: #99CC99 !important }
 
/* Logo - remove this if you want the logo */
[src="../docs/images/AutoHotkey_logo.gif"] { content: "AHK Home" }



/*
===========================
THE BELOW STYLE IS FOR THE DOCUMENTATION AND SITE.
SCROLL UP TO FOR THE FORUM.
===========================
*/



/* The following series is for code/pre sections. */

.CodeCom { color: #7F9F7F !important }

pre
{
   background-color: #323232 !important;
   border: #585858 !important;
   border-style: dashed !important;
   border-width: 1px !important;
}

h2 { background-color: #3F3F3F !important }
h3 { background-color: #455566 !important }
h4 { background-color: #3F3F3F !important }

p.CommandSyntax
{
   background-color: #101010 !important;
   border: #585858 !important;
   border-style: dashed !important;
   border-width: 1px !important;
}

a:link { color: #D1B881 !important; }
a:visited { color: #9398CC !important; }
a:active { color: #6EC6DC !important; }

a:hover
{
   text-decoration: underline;
   color: #6EC6DC !important;
}


/* Search page stuff */
.grey 
{ 
   padding: 5px;
   margin-top: 8px;
   margin-bottom: 18px;
   margin-right: 32px;
   border: 2px dotted #585858 !important;
   background-color: #454545 !important;
   font-size: 10px;
}
.blue 
{
   background-color: #455566 !important;
   border-top: 1px solid #585858 !important;
   border-bottom: 1px solid #585858 !important; 
}
.greyForm 
{
   background-color: #454545 !important;
}

.blueForm 
{ 
   background-color: #455566 !important;
   border: 1px solid #585858 !important; 
}
.phpdigMessage { padding: 1px; background-color: #455566 !important;}
.smallLink { font-size: 10px; background-color: #455566 !important;}

Here is a pastebin addition (just copy/paste it in the file. probably at the end)

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .


widow
  • Guests
  • Last active:
  • Joined: --
Looks nice

thx for sharing

JakeW
  • Members
  • 210 posts
  • Last active: Jul 11 2013 05:27 PM
  • Joined: 16 Jul 2011
Wohooo I'm famous by being in a picture!!

But anyway, if I ever get into Dark Themes, this would be the first one I get into, as it's not super dark, but still doesn't hurt your eyes.

tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
Jake, exactly :) it's the only dark theme I've used in any editor.
all the other ones I consider 'emo black' with the pitch-black background and usually red shades of text.
(I'm not calling anyone emo, it's just the name I've dubbed most dark themes.)

this one is not emo black or blindingly light. I'm also fine with light themes though :)

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .


guest3456
  • Members
  • 1704 posts
  • Last active: Nov 19 2015 11:58 AM
  • Joined: 10 Mar 2011
Zenburn is what i use in notepad++, its easily the best color scheme

as for browsers, i use the Stylish add-on for firefox which will globally scheme all websites for me, and then i can turn it on or off as i please if i want to see it normally

Mickers
  • Members
  • 1239 posts
  • Last active: Sep 25 2015 03:03 PM
  • Joined: 11 Oct 2010
Very sweet! :wink:

Elesar
  • Members
  • 696 posts
  • Last active: May 08 2015 09:51 PM
  • Joined: 28 Jun 2007
I added the following to make autohotkey.net/paste more readable (well, pasted code with line highlighting). Note that I have not fully tested to see if my changes broke anything else yet...but I don't think they have.

/*
===========================
THE BELOW STYLE IS FOR THE PASTE BIN.
SCROLL UP TO FOR THE SITE AND DOCUMENTATION.
===========================
*/
.alt { background-color: #3F3F3F !important; }
.alt:hover { background-color: #455566 !important; }
.line:hover { background-color: #455566 !important; }


tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
updated.
fixed the search page on the main site. not 100% pretty. some more javascript things, I think.

also, has anyone noticed this on the search page on the main site?
<!-- m -->http://i51.tinypic.com/2ajygex.png<!-- m -->
type anything in the search box. search it. look at the very top of the page.

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .


widow
  • Guests
  • Last active:
  • Joined: --
Found first bug's i think. Go to: http://www.autohotke...Ex-QuickRef.htm

I't hurt my eyes!

also, has anyone noticed this on the search page on the main site?

I don't see a thing. Maybe it cuz im nog logged in?

tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
naah. not bugs. just some colors I missed. I haven't gone over every page looking for messed up colors :) but thanks! will post a fix later.

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .


Dskater
  • Guests
  • Last active:
  • Joined: --
Even if you don't use Internet Explorer you should add this css by going to Tools - Internet Options - Accessability - User Style Sheet. Click the checkbox and browse to the css file.

Windows uses Internet Explorer to view chm help files and the AutoHotkey Help files will be displayed using this css sheet.

tomoe_uehara
  • Members
  • 2166 posts
  • Last active: Jun 11 2015 05:33 PM
  • Joined: 05 Sep 2009
I have downloaded the file and everything works fine, but when I post a reply, the text is dark and it's hard to see what I was typing :O

tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
I haven't changed a thing in a long while. and it worked fine for me last I used it. Did it used to be fine for you? Also, do you mean the text in the Edit box when posting a reply, or the text AFTER you Submit?

I'll look into it tomorrow. maybe they updated the forum a bit, I don't know.

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .


tomoe_uehara
  • Members
  • 2166 posts
  • Last active: Jun 11 2015 05:33 PM
  • Joined: 05 Sep 2009
Yes it worked fine yesterday, before my harddisk gets wiped completely by accident :?

tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
fixed.
The code is above, you do not need to download the .zip again.

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .