/*
BlackStuff (eahm)
https://rentry.org/blackstuff
*/

/*
cp BlackStuff.css /usr/lib/thelounge/node_modules/thelounge/public/themes/
systemctl restart thelounge
*/

/* @import 'default.css'; */
@import 'morning.css';

/* Main font, best for ASCII */
@import url('https://cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack.css');

/* Main fonts, best for ASCII */
/*
@import url(https://db.onlinewebfonts.com/c/1db29588408eadbd4406aae9238555eb?family=Consolas);
@import url('https://cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/dejavu-mono@4.5.4/400.css');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/juliamono/0.045/juliamono-regular.css');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/cascadia-mono@4.2.1/400.css');
@import url('https://fonts.googleapis.com/css2?family=Reddit+Mono&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@mayvena/camingocode-npm@0.8.0/index.min.css');
*/

/* Extra fonts */
/*
@import url('https://cdn.jsdelivr.net/npm/@fontsource/cascadia-mono@4.2.1/index.css');
@import url('https://fonts.cdnfonts.com/css/monaco');
@import url('https://fonts.cdnfonts.com/css/menlo');
@import url('https://cdn.jsdelivr.net/npm/meslo@1.0.0/meslo.css');
@import url('https://fonts.cdnfonts.com/css/liberation-mono');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-mono@4.5.3/400.css');
@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@typopro/web-office-code-pro@3.7.5/TypoPRO-OfficeCodePro.css');
@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reddit+Mono&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@mayvena/camingocode-npm@0.8.0/index.min.css');
@import url('http://fonts.cdnfonts.com/css/code-new-roman-2');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/mononoki@4.5.3/400.css');
@import url('https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/iosevka@4.5.4/400.css');
@import url('https://fonts.googleapis.com/css2?family=Recursive&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/unifont@4.5.5/400.css');
@import url('https://unpkg.com/fixedsys-css/css/fixedsys.css');
@import url('https://fonts.cdnfonts.com/css/fixedsys-excelsior-301');
@import url('https://fonts.cdnfonts.com/css/fixedsys-62');
@import url('https://fonts.cdnfonts.com/css/chicago-2');
*/

body {
/* Add an extra letter to the font name, or delete the font line to disable it and enable the next one in the list */

/* Main fonts, best for ASCII */
    font-family:
    'Consolas',
    'Hack',
    'DejaVu Mono',
    'Inconsolata',
    'JuliaMono',
    'JetBrains Mono',
    'Noto Sans Mono',
    'Roboto Mono',
    'IBM Plex Mono',
    'Cascadia Mono',
    'Reddit Mono',
    'CamingoCode',

/* Extra fonts */
    'Cascadia Mono',
    'Monaco',
    'Menlo',
    'Meslo',
    'Liberation Mono',
    'Noto Mono',
    'Oxygen Mono',
    'TypoPRO Office Code Pro',
    'Fira Mono',
    'Ubuntu Mono',
    'Ubuntu Sans Mono',
    'Reddit Mono',
    'CamingoCode',
    'Code New Roman',
    'Mononoki',
    'Comic Mono',
    'Iosevka',
    'Recursive',
    'Unifont',
    'Fixedsys',
    'Fixedsys Excelsior 3.01',
    'Fixedsys 62',
    'Chicago',
    monospace;
}

/* Font size and spacing */
.msg,
.names,
.name,
.search,
.mentions-popup,
.channel,
.scrollable-area,
.msg,
.opt,
/*.input,*/
/*.input-wrap,*/
/*.topic*/
/*.title*/
.tls,
.btn,
#form {
    font-size: normal !important; /* "normal" is 14px. For Fixedsys use 16px */
    line-height: normal !important; /* 1.2 instead of "normal" for extra line spacing, may break ASCIIs */
}

/* Whole HTML document font settings */
/*
html * {
    font-size: 14px;
    line-height: normal;
    font-family: Hack;
}
*/

:root {
    /* Main text color */
    --body-color: #D2D2D2;
    /* Secondary text color, dimmed. Make sure to keep contrast WCAG 2.0 AA compliant on var(--window-bg-color) */
    --body-color-muted: #D2D2D2;
    /* Background color of the whole page */
    --body-bg-color: #000;
    /* Main button color. Applies to border, text, and background on hover */
    --button-color: #0080C0;
    --button-text-color-hover: #FFF;
    --button-color-muted: #0080C0;
    /* Color for sidebar overlay and other things that dim the viewport when something else is on top */
    --overlay-bg-color: rgba(0, 0, 0, 0.5);
       /* Links and link-looking buttons */
    --link-color: #77ABD9;
    /* Background color of the main window */
    --window-bg-color: #000;
    /* Text color for <h2> and <h3> headings in windows */
    --window-heading-color: #D2D2D2;
    /* Color of the date marker, text and separator */
    --date-marker-color: #202020;
    /* Color of the unread message marker, text and separator */
    --unread-marker-color: #404040;
    /* Background and left-border color of highlight messages */
    --highlight-bg-color: #0B0B0B;
    --highlight-border-color: #FC7F00;
    /* Color of the progress bar that appears as a file is being uploaded to the server. Defaults to button color */
    --upload-progressbar-color: var(--button-color);
    --border-color: #202020;
    --search-background: #0B0B0B;
}

/*
My Colors:
-
COLOR               HEX         RGB
-
Blue                #0080C0     0,128,192
Red                 #FF8080     255,128,128
Orange              #FC7F00     252,127,0
Dark Gray           #7F7F7F     127,127,127
Light Gray          #D2D2D2     210,210,210
*/

/*
mIRC Colors:
-
COLOR               HEX         RGB
-
0, White            #FFFFFF     255,255,255
1, Black            #000000     0,0,0
2, Blue             #00007F     0,0,127
4, Green            #009300     0,147,0
5, Red              #FF0000     255,0,0
6, Brown            #7F0000     127,0,0
7, Magenta          #9C009C     156,0,156
8, Orange           #FC7F00     252,127,0
9, Yellow           #FFFF00     255,255,0
10, Light Green     #00FC00     0,252,0
11, Cyan            #009393     0,147,147
12, Light Cyan      #00FFFF     0,255,255
13, Light Blue      #0000FC     0,0,252
14, Pink            #FF00FF     255,0,255
15, Grey            #7F7F7F     127,127,127
16, Light Grey      #D2D2D2     210,210,210
*/

/* Chat message color */
#chat .message {
    color: #D2D2D2;
}

/* Action (/me) symbol, msg and colors */
#chat .msg[data-type="action"] .from::before,
#chat .msg[data-type="action"] .content {
    content: "*";
    color: #9C009C;
/*  font-style: italic;*/
}

/* Action (/me) nick colors */
/*
#chat .msg[data-type="action"] .user {
    color: #7F7F7F;
}
/*

/* Nick Colors. Action (/me), Morning Theme. */
#chat .msg[data-type="action"] .content .user { color: #b0bacf; }
#chat .msg[data-type="action"] .content .user.color-1 { color: #f7adf7; }
#chat .msg[data-type="action"] .content .user.color-2 { color: #abf99f; }
#chat .msg[data-type="action"] .content .user.color-3 { color: #86efdc; }
#chat .msg[data-type="action"] .content .user.color-4 { color: #c890eb; }
#chat .msg[data-type="action"] .content .user.color-5 { color: #f9a4b3; }
#chat .msg[data-type="action"] .content .user.color-6 { color: #f7999a; }
#chat .msg[data-type="action"] .content .user.color-7 { color: #f497b9; }
#chat .msg[data-type="action"] .content .user.color-8 { color: #f9a9d7; }
#chat .msg[data-type="action"] .content .user.color-9 { color: #85a7e3; }
#chat .msg[data-type="action"] .content .user.color-10 { color: #a8b8ff; }
#chat .msg[data-type="action"] .content .user.color-11 { color: #b695fc; }
#chat .msg[data-type="action"] .content .user.color-12 { color: #f4aead; }
#chat .msg[data-type="action"] .content .user.color-13 { color: #fc7cb1; }
#chat .msg[data-type="action"] .content .user.color-14 { color: #ff72e0; }
#chat .msg[data-type="action"] .content .user.color-15 { color: #8cb6ea; }
#chat .msg[data-type="action"] .content .user.color-16 { color: #f9857c; }
#chat .msg[data-type="action"] .content .user.color-17 { color: #ed9b82; }
#chat .msg[data-type="action"] .content .user.color-18 { color: #8df484; }
#chat .msg[data-type="action"] .content .user.color-19 { color: #fc7f00; }
#chat .msg[data-type="action"] .content .user.color-20 { color: #efcc81; }
#chat .msg[data-type="action"] .content .user.color-21 { color: #92a2ed; }
#chat .msg[data-type="action"] .content .user.color-22 { color: #f4d484; }
#chat .msg[data-type="action"] .content .user.color-23 { color: #97ea70; }
#chat .msg[data-type="action"] .content .user.color-24 { color: #fcbbba; }
#chat .msg[data-type="action"] .content .user.color-25 { color: #eef975; }
#chat .msg[data-type="action"] .content .user.color-26 { color: #c7ff93; }
#chat .msg[data-type="action"] .content .user.color-27 { color: #ffade1; }
#chat .msg[data-type="action"] .content .user.color-28 { color: #98ecf2; }
#chat .msg[data-type="action"] .content .user.color-29 { color: #91a2f5; }
#chat .msg[data-type="action"] .content .user.color-30 { color: #b19aea; }
#chat .msg[data-type="action"] .content .user.color-31 { color: #f2a4eb; }
#chat .msg[data-type="action"] .content .user.color-32 { color: #85f27d; }

/* Msg highlight color */
/*
#chat .msg.highlight .content {
    color: #FC7F00;
}
*/

/* Timestamp font size */
/*
#chat-container #chat .msg .time {
    font-size: 13px;
    color: #7F7F7F;
}
*/

/* Timestamp color */
#chat .time {
    color: #7F7F7F !important;
}

/* Hide timestamp */
/*
#chat-container #chat .msg .time {
    display: none;
}
*/

/* Hide Date Marker */
#chat .date-marker {
    display: none;
}

/* Bold nicks */
/*
#chat .user {
    font-weight: bold;
}
*/

/* Menus color */
/*.mentions-popup,*/
#context-menu,
.textcomplete-menu,
.context-menu-item,
.textcomplete-item {
    background-color: #000;
    color: #d2d2d2;
}

/* Menus selection color */
.context-menu-item.active,
.textcomplete-item:focus,
.textcomplete-item:hover,
.textcomplete-menu .active,
#chat .userlist .user.active {
    background-color: #404040;
}

/* Confirmation dialog color */
.confirm-text {
    color: #d2d2d2;
}

/* Userlist count form */
#chat .userlist .count {
    background-color: #000;
}

/* User Modes */
#chat .user-mode.owner::before {
    content: "~";
    color: #FFFF00;
}

#chat .user-mode.admin::before {
    content: "&";
    color: #9C009C;
}

#chat .user-mode.op::before {
    content: "@";
    color: #FF0000;
}

#chat .user-mode.half-op::before {
    content: "%";
    color: #FC7F00;
}

#chat .user-mode.voice::before {
    content: "+";
    color: #009300;
}

#chat .user-mode.normal::before {
    content: "-";
    color: #7F7F7F;
}

/* Editbox form and border color */
#form {
    background-color: #000;
    border-top: 1px solid var(--border-color);
}

/* Own nick/s color/s */
#chat.colored-nicks .user.color-19 {
    color: #FC7F00;
}

/* Own nick message color */
/*
#chat .msg.self .user {
    color: #FC7F00;
}
*/

/* Bigger custom CSS field */
textarea#user-specified-css-input {
    height: 800px;
}

/* Adjust message spacing/density */
#chat .time,
#chat .from,
#chat .content {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Compact sidebar */
#sidebar .networks {
    padding: 5px 0;
}

#sidebar .network {
    margin-bottom: 5px;
}

.channel-list-item {
    padding: 5px 15px;
}

/* Channel sidebar size */
#sidebar {
    width: 160px;
}

/* Smaller spacing sidebar channels */
#sidebar .channel-list-item {
    padding: .2em;
}

/* Sidebar network spacing */
#sidebar .network .collapse-network {
    padding-left: 0;
    width: 26px;
}

/* Jump to search box background color */
/*
#sidebar .jump-to-input {
    background-color: #000
}
*/

/* Hide "Jump to..." input box */
.jump-to-input {
    display: none;
}

/* Thinner user list */
#chat .userlist {
    width: 150px;
}

/* Wrap nicks with chevrons */
#chat .msg[data-type="message"] .from .user::before {
    content: "<";
    color: #7F7F7F;
}
#chat .msg[data-type="message"] .from .user::after {
    content: ">";
    color: #7F7F7F;
}

/* Settings and forms colors */
body,
.input {
    background: var(--body-bg-color);
}

.input {
    border: 1px solid var(--border-color);
    color: var(--body-color);
}

/* Server button colors */
/*
.channel-list-item[data-type="lobby"] {
    color: var(--button-color);
}
*/

/* Server button hover/active colors */
/*
.channel-list-item[data-type="lobby"]:hover,
.channel-list-item[data-type="lobby"].active {
    color: var(--button-color-muted);
}
*/

/* Buttons/icons color/s */
#viewport .lt::before,
#viewport .rt::before,
#chat button.mentions::before,
#chat button.close::before,
#chat button.menu::before,
#chat button.search::before,
.channel-list-item::before,
#footer .icon,
#chat .count::before,
#connect .extra-help,
#settings .extra-help,
#settings #play::before,
#settings .settings-menu .icon::before,
#form #upload::before,
#form #submit::before,
#chat .msg[data-type="away"] .from::before,
#chat .msg[data-type="back"] .from::before,
#chat .msg[data-type="invite"] .from::before,
#chat .msg[data-type="join"] .from::before,
#chat .msg[data-type="kick"] .from::before,
#chat .msg[data-type="login"] .from::before,
#chat .msg[data-type="logout"] .from::before,
#chat .msg[data-type="part"] .from::before,
#chat .msg[data-type="quit"] .from::before,
#chat .msg[data-type="topic"] .from::before,
#chat .msg[data-type="mode_channel"] .from::before,
#chat .msg[data-type="mode_user"] .from::before,
#chat .msg[data-type="mode"] .from::before,
#chat .msg[data-command="motd"] .from::before,
#chat .msg[data-command="help"] .from::before,
#chat .msg[data-command="info"] .from::before,
#chat .msg[data-type="ctcp"] .from::before,
#chat .msg[data-type="ctcp_request"] .from::before,
#chat .msg[data-type="whois"] .from::before,
#chat .msg[data-type="nick"] .from::before,
/*#chat .msg[data-type="action"] .from::before,*/
#chat .msg[data-type="plugin"] .from::before,
#chat .msg[data-type="raw"] .from::before,
#chat .msg-statusmsg span::before,
#chat .msg-shown-in-active span::before,
#chat .toggle-button::after,
#chat .toggle-content .more-caret::before,
#chat .scroll-down-arrow::after,
#chat .topic-container .save-topic span::before,
#version-checker::before,
.context-menu-item::before,
#help .website-link::before,
#help .documentation-link::before,
#help .report-issue-link::before,
#image-viewer .previous-image-btn::before,
#image-viewer .next-image-btn::before,
#image-viewer .open-btn::before,
.channel-list-item .not-secure-icon::before,
.channel-list-item .not-connected-icon::before,
.channel-list-item .parted-channel-icon::before,
.jump-to-input::before,
.password-container .reveal-password span,
#sidebar .collapse-network-icon::before {
    color: #7F7F7F; /* var(--button-color); */ /* #0080C0 */
}

/* Status Messages Color */
#chat .msg[data-type="condensed"] .content,
#chat .msg[data-type="away"] .content,
#chat .msg[data-type="back"] .content,
#chat .msg[data-type="join"] .content,
#chat .msg[data-type="kick"] .content,
#chat .msg[data-type="mode"] .content,
#chat .msg[data-type="mode_channel"] .content,
#chat .msg[data-type="mode_user"] .content,
#chat .msg[data-type="nick"] .content,
#chat .msg[data-type="login"] .content,
#chat .msg[data-type="part"] .content,
#chat .msg[data-type="quit"] .content,
#chat .msg[data-type="topic"] .content,
#chat .msg[data-type="topic_set_by"] .content {
    color: #0080C0; /* Or: #7F7F7F */
}

/* Notices and Wallops Color */
/*
#chat .msg[data-type="notice"] .time,
#chat .msg[data-type="wallops"] .time,
#chat .msg[data-type="notice"] .content,
#chat .msg[data-type="wallops"] .content,
#chat .msg[data-type="notice"] .user,
#chat .msg[data-type="wallops"] .user {
    color: #7F7F7F;
}
*/

/* Monospace Block Color */
/*
#chat .msg[data-type="monospace_block"] .text {
    background: #D2D2D2;
    display: inline-block;
    border-radius: 4px;
    padding: 6px;
}
/*

/* Hide Non Secure Connection Icon, orange is non secure and green is secure */
.channel-list-item .not-secure-icon::before {
    display:none
}

/* Badge highlight color*/
/*
.channel-list-item .badge.highlight {
    background: var(--button-color);
    color: #FFF;
}
*/

.btn:active,
.btn:focus,
.input:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(0, 128, 192, 0.5);
}

.input:not(:disabled):focus,
.input:not(:disabled):hover {
    border-color: var(--button-color);
}

::placeholder {
    color: #7F7F7F;
}

/* Logo area */
#sidebar .logo-container {
    display: none;
}

/* Search Form */
form.message-search input {
    background: inherit;
    color: inherit;
}

#chat form.message-search button {
    color: #D2D2D2;
}

form.message-search input::placeholder {
    color: var(--body-color-muted);
}

/* Chat header border color */
#chat .header {
    border-bottom: 1px solid var(--border-color);
}

/* Channel list border and color */
#sidebar {
    border-right: 1px solid var(--border-color);
}

/* Userlist count background color */
#chat .userlist .count {
    background: inherit;
}

/* Userlist border color */
#chat .userlist,
#chat .content {
    border-left: 1px solid var(--border-color);
}

/* Topic Header Color */
/*
.header .topic {
    color: #7F7F7F;
}
*/

/* Code text and color */
code,
.irc-monospace {
    background-color: var(--border-color);
}

pre {
    background-color: #F5F5F5;
}

/* Scrollbar settings and color */
::-webkit-scrollbar:hover {
    background-color: #000;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #0B0B0B;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical:active {
    background-color: #121212;
}

/* Visited links color */
a:visited {
    color: #9B59B6;
}

/* Channel list table channel width */
#chat table.channel-list .channel {
    min-width: 200px;
}

/* Channel list table users width */
#chat table.channel-list .users {
    min-width: 60px;
}

/* Indent */
#chat .from {
    width: auto; /* Default width is 134px. Set auto to disable it */
    padding-left: 0px;
    padding-right: 0px;
    -webkit-mask-image: none;
}
#chat .content {
    border: 0;
}

/* No divider line */
#chat .from {
    padding-right: 0px;
    -webkit-mask-image: none;
}
#chat .content {
    border: 0;
}

/* Hide unread counters in sidebar, just show a highlight indicator */
/* Do not touch this */
/*.channel-list-item .badge { text-indent: -9999px; background: 0;  height: 10px; width: 10px; border-radius: 50%; margin: auto; padding: 0;}*/
/* Replace the #xxxxxx bit with the color that you want if there are unread messages. */
/*.channel-list-item .badge { background-color: #FC7F00;}*/
/* Replace the #xxxxxx bit with the color that you want if you were mentioned */
/*.channel-list-item .badge.highlight { background-color: #FC7F00;}*/

/* Nick Colors. Official IRC Colors, taken from https://modern.ircdocs.horse/formatting.html#colors */
/*
#chat.colored-nicks .user.color-1 { color:#00B571 }
#chat.colored-nicks .user.color-2 { color:#B2FF00 }
#chat.colored-nicks .user.color-3 { color:#00FFFF }
#chat.colored-nicks .user.color-4 { color:#FF5959 }
#chat.colored-nicks .user.color-5 { color:#FFFF71 }
#chat.colored-nicks .user.color-6 { color:#FF66FF }
#chat.colored-nicks .user.color-7 { color:#FFD39C }
#chat.colored-nicks .user.color-8 { color:#FF94D3 }
#chat.colored-nicks .user.color-9 { color:#00B5B5 }
#chat.colored-nicks .user.color-10 { color:#CFFF60 }
#chat.colored-nicks .user.color-11 { color:#6FFF6F }
#chat.colored-nicks .user.color-12 { color:#59B4FF }
#chat.colored-nicks .user.color-13 { color:#FF59BC }
#chat.colored-nicks .user.color-14 { color:#E2FF9C }
#chat.colored-nicks .user.color-15 { color:#9CFF9C }
#chat.colored-nicks .user.color-16 { color:#9CFFDB }
#chat.colored-nicks .user.color-17 { color:#FF9C9C }
#chat.colored-nicks .user.color-18 { color:#FFFF9C }
#chat.colored-nicks .user.color-19 { color:#FC7F00 }
#chat.colored-nicks .user.color-20 { color:#9CFFFF }
#chat.colored-nicks .user.color-21 { color:#9C9CFF }
#chat.colored-nicks .user.color-22 { color:#FF9CFF }
#chat.colored-nicks .user.color-23 { color:#9CD3FF }
#chat.colored-nicks .user.color-24 { color:#FFB459 }
#chat.colored-nicks .user.color-25 { color:#00FFA0 }
#chat.colored-nicks .user.color-26 { color:#C459FF }
#chat.colored-nicks .user.color-27 { color:#6DFFFF }
#chat.colored-nicks .user.color-28 { color:#0063B5 }
#chat.colored-nicks .user.color-29 { color:#DC9CFF }
#chat.colored-nicks .user.color-30 { color:#65FFC9 }
#chat.colored-nicks .user.color-31 { color:#FF0098 }
#chat.colored-nicks .user.color-32 { color:#B5B500 }
*/

/* Nick Colors. Solarized Theme Colors, taken from https://github.com/thelounge/thelounge-theme-solarized/blob/master/theme.css */
/*
#chat.colored-nicks .user.color-1,
#chat.colored-nicks .user.color-17 { color: #ef4657; }

#chat.colored-nicks .user.color-2,
#chat.colored-nicks .user.color-18 { color: #ff93a4; }

#chat.colored-nicks .user.color-3 { color: #ffb03b; }
#chat.colored-nicks .user.color-19 { color: #fc7f00; }

#chat.colored-nicks .user.color-4,
#chat.colored-nicks .user.color-20 { color: #cc7d08; }

#chat.colored-nicks .user.color-5,
#chat.colored-nicks .user.color-21 { color: #ffd34e; }

#chat.colored-nicks .user.color-6,
#chat.colored-nicks .user.color-22 { color: #cca01b; }

#chat.colored-nicks .user.color-7,
#chat.colored-nicks .user.color-23 { color: #acf046; }

#chat.colored-nicks .user.color-8,
#chat.colored-nicks .user.color-24 { color: #d5f572; }

#chat.colored-nicks .user.color-9,
#chat.colored-nicks .user.color-25 { color: #499e8d; }

#chat.colored-nicks .user.color-10,
#chat.colored-nicks .user.color-26 { color: #b5ffe1; }

#chat.colored-nicks .user.color-11,
#chat.colored-nicks .user.color-27 { color: #35a7ff; }

#chat.colored-nicks .user.color-12,
#chat.colored-nicks .user.color-28 { color: #91a6ff; }

#chat.colored-nicks .user.color-13,
#chat.colored-nicks .user.color-29 { color: #975af2; }

#chat.colored-nicks .user.color-14,
#chat.colored-nicks .user.color-30 { color: #ff88dc; }

#chat.colored-nicks .user.color-15,
#chat.colored-nicks .user.color-31 { color: #bd8d46; }

#chat.colored-nicks .user.color-16,
#chat.colored-nicks .user.color-32 { color: #f0c079; }
*/

/* Nick colors. Meta AI from WhatsApp */
/* color-19 original: #cc6699 */
/*
#chat.colored-nicks .user.color-1 { color: #66ccff; }
#chat.colored-nicks .user.color-2 { color: #99ff99; }
#chat.colored-nicks .user.color-3 { color: #ff9999; }
#chat.colored-nicks .user.color-4 { color: #ffff99; }
#chat.colored-nicks .user.color-5 { color: #ccffcc; }
#chat.colored-nicks .user.color-6 { color: #ffccff; }
#chat.colored-nicks .user.color-7 { color: #99cccc; }
#chat.colored-nicks .user.color-8 { color: #ff9900; }
#chat.colored-nicks .user.color-9 { color: #cc99ff; }
#chat.colored-nicks .user.color-10 { color: #66ffff; }
#chat.colored-nicks .user.color-11 { color: #ff66cc; }
#chat.colored-nicks .user.color-12 { color: #99ffcc; }
#chat.colored-nicks .user.color-13 { color: #ffffcc; }
#chat.colored-nicks .user.color-14 { color: #cc9966; }
#chat.colored-nicks .user.color-15 { color: #9999ff; }
#chat.colored-nicks .user.color-16 { color: #ff99cc; }
#chat.colored-nicks .user.color-17 { color: #99ccff; }
#chat.colored-nicks .user.color-18 { color: #ffff66; }
#chat.colored-nicks .user.color-19 { color: #fc7f00; }
#chat.colored-nicks .user.color-20 { color: #66cc99; }
#chat.colored-nicks .user.color-21 { color: #ffcc66; }
#chat.colored-nicks .user.color-22 { color: #9999cc; }
#chat.colored-nicks .user.color-23 { color: #ff6666; }
#chat.colored-nicks .user.color-24 { color: #ccccff; }
#chat.colored-nicks .user.color-25 { color: #99ff66; }
#chat.colored-nicks .user.color-26 { color: #ff99ff; }
#chat.colored-nicks .user.color-27 { color: #66cccc; }
#chat.colored-nicks .user.color-28 { color: #ffff33; }
#chat.colored-nicks .user.color-29 { color: #cc99cc; }
#chat.colored-nicks .user.color-30 { color: #9999ff; }
#chat.colored-nicks .user.color-31 { color: #ffcc99; }
#chat.colored-nicks .user.color-32 { color: #66ffcc; }
*/

/* Nick Colors. Action (/me). Meta AI from WhatsApp */
/* color-19 original: #cc6699 */
/*
#chat .msg[data-type="action"] .content .user.color-1 { color: #66ccff; }
#chat .msg[data-type="action"] .content .user.color-2 { color: #99ff99; }
#chat .msg[data-type="action"] .content .user.color-3 { color: #ff9999; }
#chat .msg[data-type="action"] .content .user.color-4 { color: #ffff99; }
#chat .msg[data-type="action"] .content .user.color-5 { color: #ccffcc; }
#chat .msg[data-type="action"] .content .user.color-6 { color: #ffccff; }
#chat .msg[data-type="action"] .content .user.color-7 { color: #99cccc; }
#chat .msg[data-type="action"] .content .user.color-8 { color: #ff9900; }
#chat .msg[data-type="action"] .content .user.color-9 { color: #cc99ff; }
#chat .msg[data-type="action"] .content .user.color-10 { color: #66ffff; }
#chat .msg[data-type="action"] .content .user.color-11 { color: #ff66cc; }
#chat .msg[data-type="action"] .content .user.color-12 { color: #99ffcc; }
#chat .msg[data-type="action"] .content .user.color-13 { color: #ffffcc; }
#chat .msg[data-type="action"] .content .user.color-14 { color: #cc9966; }
#chat .msg[data-type="action"] .content .user.color-15 { color: #9999ff; }
#chat .msg[data-type="action"] .content .user.color-16 { color: #ff99cc; }
#chat .msg[data-type="action"] .content .user.color-17 { color: #99ccff; }
#chat .msg[data-type="action"] .content .user.color-18 { color: #ffff66; }
#chat .msg[data-type="action"] .content .user.color-19 { color: #fc7f00; }
#chat .msg[data-type="action"] .content .user.color-20 { color: #66cc99; }
#chat .msg[data-type="action"] .content .user.color-21 { color: #ffcc66; }
#chat .msg[data-type="action"] .content .user.color-22 { color: #9999cc; }
#chat .msg[data-type="action"] .content .user.color-23 { color: #ff6666; }
#chat .msg[data-type="action"] .content .user.color-24 { color: #ccccff; }
#chat .msg[data-type="action"] .content .user.color-25 { color: #99ff66; }
#chat .msg[data-type="action"] .content .user.color-26 { color: #ff99ff; }
#chat .msg[data-type="action"] .content .user.color-27 { color: #66cccc; }
#chat .msg[data-type="action"] .content .user.color-28 { color: #ffff33; }
#chat .msg[data-type="action"] .content .user.color-29 { color: #cc99cc; }
#chat .msg[data-type="action"] .content .user.color-30 { color: #9999ff; }
#chat .msg[data-type="action"] .content .user.color-31 { color: #ffcc99; }
#chat .msg[data-type="action"] .content .user.color-32 { color: #66ffcc; }
*/

/* Mobile devices */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (-min--moz-device-pixel-ratio: 2), 
       only screen and (-o-min-device-pixel-ratio: 2/1), 
       only screen and (min-device-pixel-ratio: 2)
{
    body {
    /* Add an extra letter to the font name, or delete the font line to disable it and enable the next one in the list */

    /* Main fonts, best for ASCII */
        font-family:
        'Consolas',
        'Hack';
    }
    .msg,
    .names,
    .name,
    .search,
    .mentions-popup,
    .channel,
    .scrollable-area,
    .msg,
    .opt,
    /*.input,*/
    /*.input-wrap,*/
    /*.topic*/
    /*.title*/
    .tls,
    .btn,
    #form {
        font-size: 11px !important; /* "normal" is 14px. For Fixedsys use 16px */
        line-height: normal !important; /* 1.2 instead of "normal" for extra line spacing, might break ASCIIs */
    }
}