add sstraight theme
This commit is contained in:
parent
c4f9c7eb7a
commit
629bb82f3c
|
@ -31,6 +31,7 @@ const Captcha = ({ callback, close }) => {
|
|||
))}
|
||||
<p className="modaltext">
|
||||
{t`Type the characters from the following image:`}
|
||||
|
||||
<span style={{ fontSize: 11 }}>
|
||||
({t`Tip: Not case-sensitive; I and l are the same`})
|
||||
</span>
|
||||
|
|
149
src/styles/theme-dark-sstraight.css
Normal file
149
src/styles/theme-dark-sstraight.css
Normal file
|
@ -0,0 +1,149 @@
|
|||
a:link {
|
||||
color: #91ffe0;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #b5d06d;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #d9f68a;
|
||||
}
|
||||
|
||||
.modallink {
|
||||
color: #91ffe0;
|
||||
}
|
||||
|
||||
.modallink:hover {
|
||||
color: #d9f68a;
|
||||
}
|
||||
|
||||
.inarea {
|
||||
border-color: #d5d5d5;
|
||||
}
|
||||
|
||||
.tab-list-active {
|
||||
background-color: #7b7b7b;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
.chatbox {
|
||||
background-color: rgba(59, 59, 59, 0.8);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.channeldd, .contextmenu {
|
||||
background-color: #353535;
|
||||
color: #efefef;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.chntop {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.chn, .chntype, .contextmenu > div {
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
.chn.selected, .chn:hover, .chntype.selected, .chntype:hover,
|
||||
.contextmenu > div:hover {
|
||||
background-color: #404040;
|
||||
}
|
||||
|
||||
.actionbuttons, .coorbox, .onlinebox, .cooldownbox, #historyselect {
|
||||
background-color: rgba(27, 27, 27, 0.8);
|
||||
color: #ffd4ae;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.menu > div {
|
||||
z-index: 1;
|
||||
background-color: #000000d1;
|
||||
}
|
||||
|
||||
.contextmenu > div {
|
||||
border-top: thin solid #ffa14c;
|
||||
}
|
||||
|
||||
.Modal, .Alert {
|
||||
background: #262626 none repeat scroll 0 0;;
|
||||
color: #ff8c22;
|
||||
}
|
||||
|
||||
.Modal {
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.Alert {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.modaltext, .modalcotext {
|
||||
color: #f8f8f8;
|
||||
}
|
||||
|
||||
.modaltitle {
|
||||
color: #f38826;
|
||||
}
|
||||
|
||||
.modaldesc {
|
||||
color: hsl(0, 0%, 88%);
|
||||
}
|
||||
|
||||
.modaldivider {
|
||||
background-color: hsla(216, 4%, 74%, .3);
|
||||
}
|
||||
|
||||
.modalinfo {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.modalcvtext {
|
||||
color: hsla(220, 100%, 95.3%, 0.6);
|
||||
}
|
||||
|
||||
.ModalClose {
|
||||
background-color: #55555d;
|
||||
border-color: #dcddde;
|
||||
}
|
||||
|
||||
.ModalClose:hover {
|
||||
background-color: #6f6f75;
|
||||
}
|
||||
|
||||
.OverlayModal, .OverlayAlert {
|
||||
background-color: rgba(187, 187, 187, 0.75);
|
||||
}
|
||||
|
||||
.chatmsg {
|
||||
color: #fffcf7;
|
||||
}
|
||||
.msg.info{
|
||||
color: #ff91a6;
|
||||
}
|
||||
.msg.event{
|
||||
color: #9dc8ff;
|
||||
}
|
||||
.msg.greentext{
|
||||
color: #94ff94;
|
||||
}
|
||||
|
||||
.chatlink {
|
||||
color: #f9edde;
|
||||
}
|
||||
|
||||
.statvalue {
|
||||
color: #ecc9ff;
|
||||
}
|
||||
|
||||
.actionbuttons:hover, .coorbox:hover, .menu > div:hover {
|
||||
background-color: rgba(71, 71, 71, 0.8);
|
||||
}
|
||||
|
||||
#outstreamContainer {
|
||||
background-color: black;
|
||||
}
|
Loading…
Reference in New Issue
Block a user