Skip to content

Instantly share code, notes, and snippets.

@rlemon
Forked from kendfrey/darkchat.css
Created July 4, 2014 18:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rlemon/5f1cad324833585e4aab to your computer and use it in GitHub Desktop.
Save rlemon/5f1cad324833585e4aab to your computer and use it in GitHub Desktop.
body {
background-color : #000 !important;
background-image : url("http://raw.github.com/oliversalzburg/se-chat-dark-theme/master/img/skewed_print.png") !important;
color : #ddd !important;
}
.messages {
background-color : #222 !important;
border : none !important;
color : #ddd !important;
}
.system-message-container .system-message {
color : #aaa !important;
}
.mine .messages {
background-color : #362C22 !important;
border : none !important;
color : #ddd !important;
}
.message.pending {
color : #fb7 !important;
}
.message.posted {
color : #fdb !important;
}
.message.neworedit {
color : #fdb !important;
}
.message.highlight {
background-color : #005 !important;
}
.msg-small, #sidebar {
color : #ddd !important;
}
/* Begin Bottom Area */
#input-area {
background-color : #333 !important;
background-image : url("http://raw.github.com/oliversalzburg/se-chat-dark-theme/master/img/cartographer.png") !important;
}
#tabcomplete li {
background-color : #000 !important;
}
#input {
background-color : #000 !important;
color : #ddd !important;
}
/* End Bottom Area */
div.message.reply-parent, div.message.reply-child {
background-color : #333 !important;
border : 1px solid #fff !important;
}
div.message .meta,
.timestamp {
background-color : #333 !important;
color : #ddd !important;
}
.mention {
background-color : #24A !important;
}
a.signature {
color : #ddd !important;
}
.flair {
color : #ddd !important;
}
/* Begin OneBoxing */
.ob-tweet,
.ob-twitteruser,
.ob-wikipedia,
.ob-amazon,
.ob-gist,
.ob-message,
.ob-lpadbug,
.ob-manpage,
.ob-blog,
.ob-exception,
.ob-post,
.ob-user,
.ob-job {
background-color : #333 !important;
color : #ddd !important;
}
.ob-post-title a,
.ob-tweet .ob-status-text,
.ob-wikipedia-title a,
.ob-amazon-title a,
.ob-lpadbug-title a,
.ob-manpage-title a,
.ob-blog-title a {
color : #ddd !important;
}
/* End OneBoxing */
/* Begin Notifications */
.notification, #feed-ticker {
background : rgba(0, 0, 0, 0.95) !important;
-moz-box-shadow : 0 1px 10px #545454 !important;
-webkit-box-shadow : 0 1px 10px #545454 !important;
box-shadow : 0 1px 10px #545454 !important;
}
.ticker-item a {
color : #509FD8 !important;
}
/* End Notifications */
/* Begin Sidebar */
#searchbox {
background-color : #000 !important;
color : #ddd !important;
}
#sidebar #info #roomtitle {
text-shadow : 0px 1px 0px #000 !important;
}
#sidebar #info #sidebar-menu,
#present-users,
ul#my-rooms,
div#starred-posts > div > ul > li {
border-bottom : 1px dotted #222 !important;
}
.room-info > .last-message {
margin-left : 10px !important;
}
ul#my-rooms> li.activity-0 {
color : #fff !important;
}
ul#my-rooms> li.activity-1 {
color : #ddd !important;
}
ul#my-rooms> li.activity-2 {
color : #bbb !important;
}
ul#my-rooms> li.activity-3 {
color : #999 !important;
}
ul#my-rooms> li.activity-4 {
color : #888 !important;
}
ul#my-rooms> li.activity-5 {
color : #777 !important;
}
ul#my-rooms> li.activity-6 {
color : #666 !important;
}
ul#my-rooms> li:hover {
background-color : #333 !important;
}
ul#my-rooms> li:hover a,
ul#my-rooms> li:hover div.last-message {
color : #fff !important;
}
ul#my-rooms .quickleave {
float : right !important;
opacity : 0.3 !important;
}
ul#my-rooms .quickleave:hover {
opacity : 1.0 !important;
}
ul#my-rooms .quickswitch,
ul#my-rooms .quickleave,
.vote-count-container.stars .img {
background-image : url("http://raw.github.com/oliversalzburg/se-chat-dark-theme/master/img/sprites.png") !important;
}
#starred-posts ul li:hover {
background-color : #333 !important;
}
/* End Sidebar */
.vote-count-container.stars.owner-star .img,
.vote-count-container.stars.user-star .img,
.vote-count-container.stars.owner-star.user-star .img,
.sprite {
background-image : url("http://raw.github.com/oliversalzburg/se-chat-dark-theme/master/img/sprites.png") !important;
}
div.message:hover .action-link,
.timestamp:hover + div.message .action-link {
color : #eee !important;
background-color : #333 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment