├── LICENSE ├── README.md ├── neuron.css └── preview.png /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 easymac 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # lounge-neuron 2 | Dark, minimalist, type-focused theme for The Lounge. 3 | 4 | ![Neuron theme for Lounge](https://raw.githubusercontent.com/easymac/lounge-neuron/master/preview.png) 5 | 6 | Please submit issues as you come across them! I'll try to get to them as quickly as I can. 7 | 8 | ##TODO: 9 | Use science to make username color palette vastly more attractive and include fewer colors that look like snot. See: http://ethanschoonover.com/solarized 10 | 11 | Want to help with this? [Share your ideas in this issue](https://github.com/easymac/lounge-neuron/issues/1) 12 | -------------------------------------------------------------------------------- /neuron.css: -------------------------------------------------------------------------------- 1 | /** 2 | * neuron dark 3 | * lounge theme by easymac 4 | * designed for use with 16 nickname colors 5 | * jon snow kills sansa 6 | */ 7 | 8 | @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300italic,300,400italic,600,600italic,700italic,700,900,900italic|Source+Code+Pro:400,900,700,600,500,300,200); 9 | 10 | /* neuron base16 colors 11 | * BASE 00: #1C1919 12 | * BASE 01: #282525 13 | * BASE 02: #343130 14 | * BASE 03: #403D3C 15 | * BASE 04: #8D8484 16 | * BASE 05: #C5C1C1 17 | * BASE 06: #EAE9E9 18 | * BASE 07: #F6F6F6 19 | * BASE 08: #EF4657 20 | * BASE 09: #FFB03B 21 | * BASE 0A: #FFD34E 22 | * BASE 0B: #88A825 23 | * BASE 0C: #499E8D 24 | * BASE 0D: #1695A3 25 | * BASE 0E: #AD5472 26 | * BASE 0F: #BD8D46 27 | */ 28 | 29 | /* irc colors 30 | * 0, white: #F6F6F6 31 | * 1, black: #1C1919 32 | * 2, blue: #1695A3 33 | * 4, green: #88A825 34 | * 5, light red: #EF4657 35 | * 6, brown: #BD8D46 36 | * 7, purple: #AD5472 37 | * 8, orange: #FFB03B 38 | * 9, yellow: #FFD34E 39 | * 10, light green: #D5F572 40 | * 11, cyan: #499E8D 41 | * 12, light cyan: #7CD1C0 42 | * 13, light blue: #63E2F0 43 | * 14, pink: #FF93A4 44 | * 15, grey: #403D3C 45 | * 16, light grey: #8E8484 46 | */ 47 | 48 | 49 | body { 50 | background-color: #282525; 51 | font-family: 'Source Sans Pro'; 52 | color: #C5C1C1; 53 | } 54 | 55 | #main { 56 | bottom: 0; 57 | top: 0; 58 | right: 0; 59 | border-radius: 0; 60 | background: #282525; 61 | } 62 | 63 | #form { 64 | border: none; 65 | background-color: #282525; 66 | padding: 0; 67 | } 68 | 69 | #form .inner { 70 | top: 0; 71 | left: 0; 72 | bottom: 0; 73 | right: 0; 74 | border: none; 75 | } 76 | 77 | #windows #form .input { 78 | border-radius: 0; 79 | background-color: transparent; 80 | border: none; 81 | color: #F6F6F6; 82 | } 83 | 84 | #form #input { 85 | border-radius: 0; 86 | border: none; 87 | background-color: #282525; 88 | font-family: "Source Code Pro"; 89 | } 90 | 91 | #form #input::placeholder { 92 | color: #8D8484; 93 | } 94 | 95 | #form #submit { 96 | height: 48px; 97 | line-height: 48px; 98 | margin-right: 15px; 99 | } 100 | 101 | #footer { 102 | margin-left: -5px; 103 | right: 0; 104 | bottom: 0; 105 | background-color: transparent; 106 | width: 220px; 107 | border-radius: 0; 108 | text-align: left; 109 | padding-left: 20px; 110 | height: 50px; 111 | line-height: 50px; 112 | } 113 | 114 | #chat .count::before { 115 | right: 28px; 116 | } 117 | 118 | #chat .search { 119 | color: #EAE9E9; 120 | } 121 | 122 | #chat .search::placeholder { 123 | color: #C5C1C1; 124 | } 125 | 126 | #chat, #windows .header { 127 | font-family: 'Source Code Pro', monospace; 128 | font-weight: 600; 129 | padding-left: 12px; 130 | padding-right: 30px; 131 | } 132 | 133 | #windows .header .title { 134 | font-size: 12px; 135 | } 136 | 137 | #chat .title::before { 138 | margin-top: 19px; 139 | } 140 | 141 | 142 | #chat .time { 143 | color: #403D3C; 144 | } 145 | 146 | #chat .self .text { 147 | color: #EAE9E9; 148 | } 149 | 150 | #chat .unread-marker::before { 151 | border-top: 1px solid #EF4657; 152 | } 153 | 154 | #chat .unread-marker .unread-marker-text::before { 155 | text-transform: uppercase; 156 | font-family: 'Source Sans Pro', sans-serif; 157 | color: #EF4657; 158 | background-color: #282525; 159 | } 160 | 161 | #chat .date-marker::before { 162 | border-top: 1px solid #499E8D; 163 | } 164 | 165 | #chat .date-marker-text:before { 166 | background-color: #282525; 167 | color: #499E8D; 168 | text-transform: uppercase; 169 | } 170 | 171 | #form #nick { 172 | background-color: transparent; 173 | color: #9CA5B4; 174 | height: 100%; 175 | margin: 0; 176 | margin-right: 10px; 177 | line-height: 48px; 178 | padding-right: 0; 179 | font-size: 12px; 180 | font-family: "Source Sans Pro"; 181 | } 182 | 183 | #form #nick.editable { 184 | border: none; 185 | } 186 | 187 | #form #nick.editable #nick-value { 188 | text-decoration: underline; 189 | } 190 | 191 | #chat a { 192 | color: #1695A3; 193 | } 194 | 195 | #chat .from { 196 | border-right: none; 197 | } 198 | 199 | #chat .from::after { 200 | display: none; 201 | } 202 | 203 | #chat .sidebar { 204 | background-color: #282525; 205 | border: none; 206 | } 207 | 208 | #chat .count { 209 | background-color: transparent; 210 | } 211 | 212 | #chat .user-mode:before { 213 | border: none; 214 | } 215 | 216 | #chat .notice .time { 217 | color: #403D3C !important; 218 | } 219 | #chat .notice .text, #chat .chan .notice .user { 220 | color: #EF4657 !important; 221 | } 222 | 223 | #chat table.channel-list td, #chat table.ban-list td { 224 | border: none; 225 | } 226 | 227 | #chat table.channel-list tr:nth-child(even), #chat table.ban-list tr:nth-child(even) { 228 | background-color: rgba(0, 0, 0, 0.1); 229 | } 230 | 231 | #chat table.channel-list td { 232 | color: #C5C1C1; 233 | } 234 | 235 | #chat table.channel-list td.channel .inline-channel { 236 | color: #91A6FF; 237 | } 238 | 239 | #windows .header .topic, .messages .msg { 240 | font-family: "Source Code Pro"; 241 | } 242 | 243 | #windows .header { 244 | border: none; 245 | } 246 | 247 | #windows .window:before, #windows .chan:before { 248 | height: 0; 249 | border: none; 250 | } 251 | 252 | #windows .chan, #windows .window { 253 | background-color: #282525; 254 | } 255 | 256 | #sidebar button:hover, #sidebar .chan:hover, #sidebar .chan.active { 257 | color: #F6F6F6; 258 | } 259 | 260 | #sidebar button, #sidebar .chan, #sidebar .sign-out { 261 | color: #8D8484; 262 | } 263 | 264 | #sidebar .chan:first-child { 265 | color: #EF4657; 266 | padding-left: 10px; 267 | font-size: 1.1em; 268 | } 269 | 270 | #sidebar .chan:first-child::after { 271 | content: ' '; 272 | display: block; 273 | height: 2px; 274 | background-color: #EF4657; 275 | width: 25px; 276 | margin-top: 8px; 277 | } 278 | 279 | #sidebar .chan:first-child:hover::after, #sidebar .chan:first-child.active::after { 280 | background-color: #FF93A4; 281 | } 282 | 283 | #sidebar .chan:first-child:hover, #sidebar .chan:first-child.active { 284 | color: #FF93A4; 285 | } 286 | 287 | #sidebar .chan.lobby:before, #chat .lobby .title:before { 288 | content: none; 289 | } 290 | 291 | #sidebar .chan .name:after { 292 | background: none; 293 | } 294 | 295 | ::-webkit-scrollbar { 296 | display: none; 297 | } 298 | 299 | #chat.colored-nicks .user.color-1, #chat.colored-nicks .user.color-17 { 300 | color: #EF4657; 301 | } 302 | #chat.colored-nicks .user.color-2, #chat.colored-nicks .user.color-18 { 303 | color: #FF93A4; 304 | } 305 | #chat.colored-nicks .user.color-3, #chat.colored-nicks .user.color-19 { 306 | color: #FFB03B; 307 | } 308 | #chat.colored-nicks .user.color-4, #chat.colored-nicks .user.color-20 { 309 | color: #CC7D08; 310 | } 311 | #chat.colored-nicks .user.color-5, #chat.colored-nicks .user.color-21 { 312 | color: #FFD34E; 313 | } 314 | #chat.colored-nicks .user.color-6, #chat.colored-nicks .user.color-22 { 315 | color: #CCA01B; 316 | } 317 | #chat.colored-nicks .user.color-7, #chat.colored-nicks .user.color-23 { 318 | color: #ACF046; 319 | } 320 | #chat.colored-nicks .user.color-8, #chat.colored-nicks .user.color-24 { 321 | color: #D5F572; 322 | } 323 | #chat.colored-nicks .user.color-9, #chat.colored-nicks .user.color-25 { 324 | color: #499E8D; 325 | } 326 | #chat.colored-nicks .user.color-10, #chat.colored-nicks .user.color-26 { 327 | color: #B5FFE1; 328 | } 329 | #chat.colored-nicks .user.color-11, #chat.colored-nicks .user.color-27 { 330 | color: #35A7FF; 331 | } 332 | #chat.colored-nicks .user.color-12, #chat.colored-nicks .user.color-28 { 333 | color: #91A6FF; 334 | } 335 | #chat.colored-nicks .user.color-13, #chat.colored-nicks .user.color-29 { 336 | color: #8A46F0; 337 | } 338 | #chat.colored-nicks .user.color-14, #chat.colored-nicks .user.color-30 { 339 | color: #FF88DC; 340 | } 341 | #chat.colored-nicks .user.color-15, #chat.colored-nicks .user.color-31 { 342 | color: #BD8D46; 343 | } 344 | #chat.colored-nicks .user.color-16, #chat.colored-nicks .user.color-32 { 345 | color: #F0C079; 346 | } 347 | -------------------------------------------------------------------------------- /preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easymac/lounge-neuron/77e5c6aad3a944aa0ac2f6d9ca186ac49cd41e30/preview.png --------------------------------------------------------------------------------