add sstraight theme

src/components/Captcha.jsx

@@ -31,6 +31,7 @@ const Captcha = ({ callback, close }) => {
       ))}
       <p className="modaltext">
         {t`Type the characters from the following image:`}
+        &nbsp;
         <span style={{ fontSize: 11 }}>
           ({t`Tip: Not case-sensitive; I and l are the same`})
         </span>

src/styles/theme-dark-sstraight.css

@@ -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;
+}