Skip to content

Instantly share code, notes, and snippets.

@ivan
Last active July 29, 2018 16:24
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ivan/fe7a0b89e2060a3d9088f342746da194 to your computer and use it in GitHub Desktop.
Save ivan/fe7a0b89e2060a3d9088f342746da194 to your computer and use it in GitHub Desktop.
Fix thelounge styling
// ==UserScript==
// @name thelounge: Fix styles
// @namespace thelounge_styles
// @include http://YOURDOMAIN:9000/*
// @version 1
// @grant GM_addStyle
// @run-at document-start
// ==/UserScript==
GM_addStyle(`
/* Fix href colors */
a, a:hover {
color: rgb(0, 0, 238);
}
a:visited {
color: rgb(85, 26, 139);
}
/* Less padding */
#sidebar .networks {
padding-top: 7px;
}
/* Less padding */
#sidebar .chan,
#sidebar .chan-placeholder {
padding: 1px 12px;
}
#sidebar .network {
margin-bottom: 0 !important;
}
/* Less padding */
#chat .time,
#chat .from,
#chat .content {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Less padding */
#windows #form .input, .messages .msg, .userlist {
line-height: inherit;
}
/* Less padding, fix color */
#chat .content {
padding-left: 6px;
border-left: #d0c5b9;
}
#chat .from {
padding-right: 6px;
}
/* Darker */
#chat .time {
color: #aaa;
}
/* Darker */
#chat .away .content,
#chat .back .content,
#chat .condensed .content,
#chat .join .content,
#chat .kick .content,
#chat .mode .content,
#chat .nick .content,
#chat .part .content,
#chat .quit .content,
#chat .topic .content,
#chat .topic_set_by .content {
color: inherit;
}
#chat .self .text {
color: #651F45;
}
/* Slightly darker red */
#chat .channel .highlight .from,
#chat .channel .highlight .text,
#chat .channel .highlight .user,
#chat .error, #chat .error .from {
color: #da0000
}
/* Fix /me lines to be black instead of orange */
#chat .action .from,
#chat .action .text,
#chat .action .user {
color: #000;
}
/* Fix color in topic */
#windows .header .topic {
color: inherit;
}
/* Fix text color in left sidebar */
#sidebar .chan {
color: #000;
}
#sidebar .badge {
color: inherit;
}
#sidebar .chan.lobby, #sidebar .not-secure .chan.lobby,
#sidebar .chan.lobby.active, #sidebar .chan.lobby .lobby-wrap:hover,
#sidebar .not-secure .chan.lobby.active, #sidebar .not-secure .chan.lobby .lobby-wrap:hover {
color: inherit;
}
/* Fix sidebar hover to not make text white */
#sidebar .active, #sidebar .chan:hover, #sidebar button:hover {
color: inherit;
background-color: #fff;
}
/* Replace left sidebar background color */
body {
background: #E4DCD7;
}
/* Replace right sidebar background color */
#chat .userlist,
#chat .userlist .count {
background: inherit;
}
/* Add left sidebar border now that its color matches */
#sidebar .networks {
border-right: 1px solid #d7cfca;
}
/* Fix icon colors in sidebars */
#sidebar .network .collapse-network-icon:before,
#sidebar .lobby .add-channel:before,
#sidebar .close:before,
#chat .count:before,
#chat button.menu, #viewport .lt, #viewport .rt,
#footer .icon,
#footer .icon:hover,
#footer button.active {
color: inherit;
}
/* Fix border colors in right sidebar */
#chat .userlist {
border-left: 1px solid #d7cfca;
}
#chat .user-mode:before,
#chat .userlist .count,
#windows #chat .header {
border-bottom: 1px solid #d7cfca;
}
/* Fix day separators */
#chat .date-marker:before {
border-top: 1px solid #d7cfca;
}
/* Replace white background with light gray-brown background */
#windows #form .input {
background: #E4DCD7;
}
#form {
background: #d7cfca;
}
#windows .window {
background: #E4DCD7;
}
#chat .from::after {
background: inherit;
}
#chat .sidebar {
background: inherit;
}
#chat .count {
background: inherit;
}
/* Now we need darker nick colors */
#chat.colored-nicks .user.color-2 { color: #b97e27; }
#chat.colored-nicks .user.color-14 { color: #b24c74; }
#chat.colored-nicks .user.color-10 { color: #0db186; }
/* Nobody cares, it's IRC */
#sidebar .not-secure-icon {
display: none;
}
/* Align the timestamps properly */
#chat .time {
font-family: monospace;
font-size: 90%;
}
/* Reduce height to match input box height */
#footer {
height: 41px;
}
/* Don't need a button to send the message, we have a keyboard */
#form #submit {
display: none !important;
}
/* Remove WTF header before the topic */
#windows .window::before {
height: 0;
}
`);
@ivan
Copy link
Author

ivan commented Jul 29, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment