Limechat IRC Chat Client Hopscotch Theme

Hopscotch.css

html {
  font-family: 'M+ 2m Light';
  font-size: 15px;
  background-color: #322931;
  color: #b9b5b8;
  word-wrap: break-word;
  margin: 0;
  padding: 3px 4px 10px 4px;
}

body { margin: 0; padding: 0; }

/* the html tag has these classes and attributes too */
body.normal {}
body.console {}
body[type=channel] {}
body[type=talk] {}
body[type=console] {}
body[channelname=#limechat] {}

hr { margin: 0.5em 2em; }
a {
  color: #fd8b19;
  text-decoration: none;
  transition: color 0.25s ease-in;
}
a:hover {
  color: #dd464c;
  text-decoration: underline;
}
.inlineimage {}

/* lines */
.line { margin: 0 -4px; padding: 0 4px 1px 4px; }
.line[alternate=even] {}
.line[alternate=odd] {}
.line[type=action] .sender:before {
  content: "• ";
  white-space: nowrap;
}
.line[highlight=true] {
  background-color: #c85e7c;
}

.url { word-break: break-all; }
.address { text-decoration: underline; word-break: break-all; }
.highlight { color: #b9b5b8; font-weight: bold; }
.time { color: #149b93; }
.place { color: #1290bf; }

/* nickname for text messages */
.sender[type=myself] { color: #c85e7c; }
.sender[type=normal] { color: #c85e7c; }
.sender[type=normal][colornumber='0'] {}
.sender[type=normal][colornumber='1'] {}
.sender[type=normal][colornumber='2'] {}
.sender[type=normal][colornumber='3'] {}
.sender[type=normal][colornumber='4'] {}
.sender[type=normal][colornumber='5'] {}
.sender[type=normal][colornumber='6'] {}
.sender[type=normal][colornumber='7'] {}
.sender[type=normal][colornumber='8'] {}
.sender[type=normal][colornumber='9'] {}
.sender[type=normal][colornumber='10'] {}
.sender[type=normal][colornumber='11'] {}
.sender[type=normal][colornumber='12'] {}
.sender[type=normal][colornumber='13'] {}
.sender[type=normal][colornumber='14'] {}
.sender[type=normal][colornumber='15'] {}

/* message body */
.message {
  transition: opacity 0.25s ease-in;
}
.message[type=system] { color: #8fc13e; }
.message[type=error] { color: #dd464c; font-weight: bold; }
.message[type=reply] { color: #fd8b19; }
.message[type=error_reply] { color: #dd464c; }
.message[type=dcc_send_send] { color: #149b93; }
.message[type=dcc_send_receive] { color: #1290bf; }
.message[type=privmsg] {}
.message[type=notice] { color: #989498; }
.message[type=action] { color: #989498; }
.message[type=join] { color: #989498; opacity: 0.5; }
.message[type=part] { color: #989498; opacity: 0.5; }
.message[type=kick] { color: #989498; opacity: 0.5; }
.message[type=quit] { color: #989498; opacity: 0.5; }
.message[type=kill] { color: #989498; opacity: 0.5; }
.message[type=nick] { color: #989498; opacity: 0.5; }
.message[type=mode] { color: #989498; opacity: 0.5; }
.message[type=topic] { color: #989498; }
.message[type=invite] { color: #989498; }
.message[type=wallops] { color: #989498; }
.message[type=debug_send] { color: #8fc13e; }
.message[type=debug_receive] { color: #149b93; }
.message[type=join]:hover,
.message[type=part]:hover,
.message[type=kick]:hover,
.message[type=quit]:hover,
.message[type=kill]:hover,
.message[type=nick]:hover,
.message[type=mode]:hover {
  opacity: 1;
}

/* mIRC color effects */
.effect[color-number='0'] {}
.effect[color-number='1'] {}
.effect[color-number='2'] {}
.effect[color-number='3'] {}
.effect[color-number='4'] {}
.effect[color-number='5'] {}
.effect[color-number='6'] {}
.effect[color-number='7'] {}
.effect[color-number='8'] {}
.effect[color-number='9'] {}
.effect[color-number='10'] {}
.effect[color-number='11'] {}
.effect[color-number='12'] {}
.effect[color-number='13'] {}
.effect[color-number='14'] {}
.effect[color-number='15'] {}
.effect[bgcolor-number='0'] {}
.effect[bgcolor-number='1'] {}
.effect[bgcolor-number='2'] {}
.effect[bgcolor-number='3'] {}
.effect[bgcolor-number='4'] {}
.effect[bgcolor-number='5'] {}
.effect[bgcolor-number='6'] {}
.effect[bgcolor-number='7'] {}
.effect[bgcolor-number='8'] {}
.effect[bgcolor-number='9'] {}
.effect[bgcolor-number='10'] {}
.effect[bgcolor-number='11'] {}
.effect[bgcolor-number='12'] {}
.effect[bgcolor-number='13'] {}
.effect[bgcolor-number='14'] {}
.effect[bgcolor-number='15'] {}

Hopscotch.yaml

# All colors must be in the form of '#rrggbb' or '#rgb'.
# You cannot use color names.

log-view:
  nickname-format: '(%n) '
  scroller-highlight-color: '#f0f'
input-text:
  font-family: 'M+ 2m Light'
  font-size: 15.0
  background-color: '#322931'
  color: '#b9b5b8'
  selected:
    background-color: '#ccc'
member-list:
  font-family: 'M+ 2m Light'
  font-size: 11.0
  color: '#b9b5b8'
  background-color: '#322931'
  operator:
    color: '#fd8b19'
  selected:
    color: '#c85e7c'
    background:
      # gradient
      top-line-color: '#b9b5b8'
      bottom-line-color: '#b9b5b8'
      top-color: '#b9b5b8'
      bottom-color: '#b9b5b8'
server-tree:
  font-family: 'M+ 2m Light'
  font-size: 11.0
  background-color: '#322931'
  highlight:
    color: '#c85e7c'
  newtalk:
    color: '#fdcc59'
  unread:
    color: '#149b93'
  normal:
    active:
      color: '#fd8b19'
    inactive:
      color: '#989498'
  selected:
    active:
      color: '#c85e7c'
    inactive:
      color: '#322931'
    background:
      # gradient
      top-line-color: '#b9b5b8'
      bottom-line-color: '#b9b5b8'
      top-color: '#b9b5b8'
      bottom-color: '#b9b5b8'