Skip to content

Commit e29fc93

Browse files
pr0pzpr0pz
committed
+ Added more realistic replys and system message
+ Added selected channel for inactive network + Added selected Nick color
1 parent ac7cf8a commit e29fc93

File tree

2 files changed

+192
-19
lines changed

2 files changed

+192
-19
lines changed

‎Theme.css‎

Lines changed: 29 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,23 @@
11
@charset "UTF-8";
2+
/**
3+
* Atom One Dark Theme for Limechat
4+
*
5+
* @author Wellington Estevo <info@propz.de> (https://propz.de)
6+
* @repository https://github.com/pr0pz/limechat-atom-one-dark
7+
* @version 1.0.0
8+
*/
29
/* General */
310
html {
4-
font-family: Monaco, Trispace, monospace, sans-serif;
11+
font-family: "Fira Mono", Monaco, monospace;
512
font-size: 12pt;
6-
background-color: #282c34;
13+
background-color: #20252b;
714
word-wrap: break-word;
815
margin: 0;
916
padding: 0;
1017
}
1118

12-
body {
19+
[type=channel],
20+
[type=console] {
1321
padding: 15px 0;
1422
margin: 0;
1523
background-color: #282c34;
@@ -57,17 +65,22 @@ a:hover {
5765

5866
.line[type=topic],
5967
.line[highlight=true],
60-
.line[type=action] {
68+
.line[type=action],
69+
.line[type=invite] {
6170
padding-top: 4px;
6271
padding-bottom: 4px;
6372
}
6473

6574
.line[highlight=true] {
66-
background-color: rgba(224, 108, 117, 0.15);
75+
background-color: rgba(224, 108, 117, 0.2);
6776
}
6877

6978
.line[type=action] {
70-
background-color: #393e4d;
79+
background-color: #3d4352;
80+
}
81+
82+
.line[type=invite] {
83+
background-color: rgba(152, 195, 121, 0.2);
7184
}
7285

7386
.line[type=action] .sender:before {
@@ -92,6 +105,9 @@ a:hover {
92105
box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
93106
}
94107

108+
/*.line[type=system],
109+
.line[type=mode],
110+
.line[type=reply]{display:none}*/
95111
/* Nick colors */
96112
.sender[type=myself] {
97113
color: #fff;
@@ -267,14 +283,20 @@ a:hover {
267283
font-style: italic;
268284
}
269285

270-
.message[type=privmsg] {
286+
.message[type=privmsg],
287+
.message[type=notice] {
271288
font-style: normal;
272289
}
273290

274291
.message[type=error] {
275292
font-weight: bold;
276293
}
277294

295+
.message[type=invite]:before,
296+
.message[type=invite]:after {
297+
content: " *** ";
298+
}
299+
278300
/* mIRC color effects */
279301
.effect[color-number="0"] {
280302
color: #bfc8d8;

‎Theme.html‎

Lines changed: 163 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,27 +10,28 @@
1010
*/
1111
*{box-sizing:border-box;padding:0;margin:0}
1212
.body:not(.normal){padding:0}
13-
.body.normal{background-color:inherit;position:relative}
14-
.wrapper {width:100%;display:flex;height:100vh}
13+
.body.normal{position:relative}
14+
.wrapper {width:100%;display:flex;height:100vh;align-items:flex-start}
1515
/* Main */
1616
/* You can resize the channel and console height here */
1717
main [type=channel]{max-height:70vh}
1818
main [type=console]{max-height:30vh}
1919
main{flex-grow:1;display:flex;flex-direction:column}
2020
main .body{overflow-y:scroll;}
2121
/* Input */
22-
.input{display:block;width:100%;padding:15px}
22+
.input{display:block;width:100%;padding:10px;border:1px solid #555}
2323
/* lists for server tree and member-list */
2424
ul{list-style:none;padding:0;margin:0}
2525
ul ul{padding-left:15px}
2626
li{padding-left:15px;margin-top:4px}
2727
.closed ul{display:none}
2828
/* server-tree */
29-
.server-tree{width:10%}
29+
.server-tree,
30+
.member-list{width:15%;resize:horizontal;overflow:auto}
3031
.server-tree>ul>li:before{content:"› ";display:inline-block}
3132
.server-tree>ul>li.open:before{transform:rotate(90deg)}
3233
/* member-list */
33-
.member-list{padding:4px;width:10%;position:relative;z-index: 1}
34+
.member-list{padding:4px;position:relative;z-index:1}
3435
.member-list li:before {display:inline-block;content:"+";margin-left:-15px;opacity:0;margin-right:4px}
3536
.member-list .voice:before{opacity:1}
3637
.member-list .operator:before{content:"@";opacity:1}
@@ -43,11 +44,11 @@
4344
<li class="active open">
4445
freenode
4546
<ul>
46-
<li class="normal">#helpdesk</li>
47-
<li class="normal selected active">#superchan</li>
47+
<li>#helpdesk</li>
48+
<li class="selected">#superchan</li>
4849
<li>#limechat</li>
49-
<li class="normal newtalk">#nerds</li>
50-
<li class="normal highlight">#onfire</li>
50+
<li class="newtalk">#nerds</li>
51+
<li class="highlight">#onfire</li>
5152
</ul>
5253
</li>
5354
<li class="inactive closed">
@@ -68,14 +69,37 @@
6869
UnderNET
6970
<ul>
7071
<li>#network</li>
71-
<li>#is</li>
7272
<li>#inactive</li>
73+
<li class="selected">#selected</li>
7374
</ul>
7475
</li>
7576
</ul>
7677
</aside>
7778
<main class="main">
7879
<div class="body normal" id="channel" type="channel" channelname='#limechat'>
80+
81+
<div class="line">&nbsp;</div>
82+
<div class="line" type="reply">
83+
<span class="time">[30.07.23, 17:41:57]</span>
84+
<span class="message" type="reply">Topic: This is a super topic!</span>
85+
</div>
86+
<div class="line" type="reply">
87+
<span class="time">[30.07.23, 17:41:57]</span>
88+
<span class="message" type="reply">pr0pz set the topic at: 1. Jul 2023 at 12:34</span>
89+
</div>
90+
<div class="line" type="reply">
91+
<span class="time">[30.07.23, 17:41:57]</span>
92+
<span class="message" type="reply">Mode: +CDPTmnrt</span>
93+
</div>
94+
<div class="line" type="reply">
95+
<span class="time">[30.07.23, 17:41:57]</span>
96+
<span class="message" type="reply">Created at: 1. Jan 2000 at 13:37</span>
97+
</div>
98+
<div class="line" type="system">
99+
<span class="time">[30.07.23, 17:41:57]</span>
100+
<span class="message" type="system">You have joined the channel</span>
101+
</div>
102+
79103
<div class="line">
80104
<span class="time">[30.07.23, 17:41:57]</span>
81105
<span class="sender" type="myself">&lt;pr0pz&gt;</span>
@@ -367,6 +391,119 @@
367391
</div>
368392

369393
<div id="console" class="body normal" type="console">
394+
395+
<div class="line" type="system">
396+
<span class="time">[30.07.23, 17:41:56]</span>
397+
<span class="place">&lt;freenode&gt;</span>
398+
<span class="message" type="system">Connecting&hellip;</span>
399+
</div>
400+
<div class="line" type="system">
401+
<span class="time">[30.07.23, 17:41:56]</span>
402+
<span class="place">&lt;freenode&gt;</span>
403+
<span class="message" type="system">Connected</span>
404+
</div>
405+
<div class="line" type="system">
406+
<span class="time">[30.07.23, 17:41:56]</span>
407+
<span class="place">&lt;freenode&gt;</span>
408+
<span class="message" type="system">Logged in</span>
409+
</div>
410+
<div class="line" type="reply">
411+
<span class="time">[30.07.23, 17:41:56]</span>
412+
<span class="place">&lt;freenode&gt;</span>
413+
<span class="message" type="reply">Welcome to the freenode IRC Network pr0pz!~pr0pz@host.com</span>
414+
</div>
415+
<div class="line" type="reply">
416+
<span class="time">[30.07.23, 17:41:56]</span>
417+
<span class="place">&lt;freenode&gt;</span>
418+
<span class="message" type="reply">Your host is *.freenode.net, running version InspIRCd-3</span>
419+
</div>
420+
<div class="line" type="reply">
421+
<span class="time">[30.07.23, 17:41:56]</span>
422+
<span class="place">&lt;freenode&gt;</span>
423+
<span class="message" type="reply">This server was created 09:22:41 Jun 22 2023</span>
424+
</div>
425+
<div class="line" type="reply">
426+
<span class="time">[30.07.23, 17:41:56]</span>
427+
<span class="place">&lt;freenode&gt;</span>
428+
<span class="message" type="reply">*.freenode.net InspIRCd-3 BDHILRSTWcdghikorswxz ABCDEFIJKLMNOPQRSTUWXYZbcdefhijklmnoprstuvwz BEFIJLWXYZbdefhjklovw</span>
429+
</div>
430+
<div class="line" type="reply">
431+
<span class="time">[30.07.23, 17:41:56]</span>
432+
<span class="place">&lt;freenode&gt;</span>
433+
<span class="message" type="reply">ACCEPT=30 AWAYLEN=200 BOT=B CALLERID=g CASEMAPPING=ascii CHANLIMIT=#:20 CHANMODES=IXZbew,k,BEFJLWdfjl,ACDKMNOPQRSTUcimnprstuz CHANNELLEN=64 CHANTYPES=# ELIST=CMNTU ESILENCE=CcdiNnPpTtx EXCEPTS=e are supported by this server</span>
434+
</div>
435+
<div class="line" type="reply">
436+
<span class="time">[30.07.23, 17:41:56]</span>
437+
<span class="place">&lt;freenode&gt;</span>
438+
<span class="message" type="reply">EXTBAN=,ACNOQRSTUacjmnpruwz HOSTLEN=64 INVEX=I KEYLEN=32 KICKLEN=255 LINELEN=512 MAXLIST=I:100,X:100,b:100,e:100,w:100 MAXTARGETS=20 MODES=20 MONITOR=30 NAMELEN=128 NAMESX NETWORK=freenode are supported by this server</span>
439+
</div>
440+
<div class="line" type="reply">
441+
<span class="time">[30.07.23, 17:41:56]</span>
442+
<span class="place">&lt;freenode&gt;</span>
443+
<span class="message" type="reply">NICKLEN=30 PREFIX=(Yohv)!@%+ REMOVE SAFELIST SECURELIST=60 SILENCE=32 STATUSMSG=!@%+ TOPICLEN=390 UHNAMES USERIP USERLEN=10 USERMODES=,,s,BDHILRSTWcdghikorwxz VBANLIST are supported by this server</span>
444+
</div>
445+
<div class="line" type="reply">
446+
<span class="time">[30.07.23, 17:41:56]</span>
447+
<span class="place">&lt;freenode&gt;</span>
448+
<span class="message" type="reply">VLIST=b WATCH=32 WHOX are supported by this server</span>
449+
</div>
450+
<div class="line" type="reply">
451+
<span class="time">[30.07.23, 17:41:56]</span>
452+
<span class="place">&lt;freenode&gt;</span>
453+
<span class="message" type="reply">There are 20 users and 7683 invisible on 9 servers</span>
454+
</div>
455+
<div class="line" type="reply">
456+
<span class="time">[30.07.23, 17:41:56]</span>
457+
<span class="place">&lt;freenode&gt;</span>
458+
<span class="message" type="reply">5 operator(s) online</span>
459+
</div>
460+
<div class="line" type="reply">
461+
<span class="time">[30.07.23, 17:41:56]</span>
462+
<span class="place">&lt;freenode&gt;</span>
463+
<span class="message" type="reply">11597 channels formed</span>
464+
</div>
465+
<div class="line" type="reply">
466+
<span class="time">[30.07.23, 17:41:56]</span>
467+
<span class="place">&lt;freenode&gt;</span>
468+
<span class="message" type="reply">I have 1758 clients and 1 servers</span>
469+
</div>
470+
<div class="line" type="reply">
471+
<span class="time">[30.07.23, 17:41:56]</span>
472+
<span class="place">&lt;freenode&gt;</span>
473+
<span class="message" type="reply">Current local users: 1758 Max: 2025</span>
474+
</div>
475+
<div class="line" type="reply">
476+
<span class="time">[30.07.23, 17:41:56]</span>
477+
<span class="place">&lt;freenode&gt;</span>
478+
<span class="message" type="reply">Current global users: 7703 Max: 8393</span>
479+
</div>
480+
<div class="line" type="reply">
481+
<span class="time">[30.07.23, 17:41:56]</span>
482+
<span class="place">&lt;freenode&gt;</span>
483+
<span class="message" type="reply">MOTD blocked by ZNC</span>
484+
</div>
485+
<div class="line" type="reply">
486+
<span class="time">[30.07.23, 17:41:56]</span>
487+
<span class="place">&lt;freenode&gt;</span>
488+
<span class="message" type="reply">pr0pz has changed mode: +Rirw</span>
489+
</div>
490+
<div class="line" type="reply">
491+
<span class="time">[30.07.23, 17:41:56]</span>
492+
<span class="place">&lt;freenode&gt;</span>
493+
<span class="message" type="reply">Reply(306): You have been marked as being away</span>
494+
</div>
495+
<div class="line" type="reply">
496+
<span class="time">[30.07.23, 17:41:56]</span>
497+
<span class="place">&lt;freenode&gt;</span>
498+
<span class="sender">&lt;*status&gt;</span>
499+
<span class="message" type="reply">Image here your own ZNC MOTD</span>
500+
</div>
501+
<div class="line" type="reply">
502+
<span class="time">[30.07.23, 17:41:56]</span>
503+
<span class="place">&lt;freenode&gt;</span>
504+
<span class="message" type="reply">Reply(305): You are no longer marked as being away</span>
505+
</div>
506+
370507
<div class="line">
371508
<span class="time">[30.07.23, 17:41:57]</span>
372509
<span class="place">&lt;#superchan&gt;</span>
@@ -696,6 +833,12 @@
696833
<span class="place">&lt;#superchan&gt;</span>
697834
<span class="message" type="error">Error(421): SLAP Unkown command (error)</span>
698835
</div>
836+
837+
<div class="line" type="invite">
838+
<span class="time">[30.07.23, 17:44:17]</span>
839+
<span class="place">&lt;freenode&gt;</span>
840+
<span class="message" type="invite">boole has invited you to #omegachan</span>
841+
</div>
699842
</div>
700843
</main>
701844
<aside id="member-list" class="member-list">
@@ -711,7 +854,7 @@
711854
{ nick: 'CosmicChampion', class: 'voice', color: 4, },
712855
{ nick: 'CyberNinja', class: 'voice', color: 1 },
713856
{ nick: 'DiscoUnicorn', class: 'voice', color: 7 },
714-
{ nick: 'GalacticGuru', class: 'voice', color: 6, },
857+
{ nick: 'GalacticGuru', class: ['voice', 'selected'], color: 6, },
715858
{ nick: 'NeonGhost', class: 'voice', color: 5 },
716859
{ nick: 'PixelPirate', class: 'voice', color: 2 },
717860
{ nick: 'JazzMaster', color: 8 },
@@ -736,9 +879,17 @@
736879
// Fill member list
737880
nicks.forEach( nick =>
738881
{
882+
// Create element
739883
let li = document.createElement('li')
740-
li.classList.add( nick.class !== undefined ? nick.class : 'normal' )
741884
li.innerHTML = nick.nick
885+
// Add right classes
886+
let classes = [ 'normal' ]
887+
if ( nick.class !== undefined )
888+
{
889+
classes = Array.isArray( nick.class ) ? nick.class : [ nick.class ]
890+
}
891+
classes.forEach( c => li.classList.add( c ) )
892+
// Append
742893
document.getElementById('members').appendChild(li)
743894
})
744895

0 commit comments

Comments
 (0)