change stling of embed buttons

src/components/MdLink.jsx

@@ -75,12 +75,12 @@ const MdLink = ({ href, title }) => {
             {(showEmbed)
               ? (
                 <HiStop
-                  style={{ verticalAlign: 'middle', color: 'red' }}
+                  className="ebcl"
                 />
               )
               : (
                 <HiArrowsExpand
-                  style={{ verticalAlign: 'middle', color: '#4646ff' }}
+                  className="ebex"
                 />
               )}
           </span>

src/styles/default.css

@@ -700,6 +700,14 @@ tr:nth-child(even) {
 .msg.redtext{
   color: red;
 }
+.ebex {
+  vertical-align: middle;
+  color: #4646ff;
+}
+.ebcl {
+  vertical-align: middle;
+  color: red;
+}
 .ping {
   background-color: #ffff87;
   border-style: solid;

src/styles/theme-dark-round.css

@@ -151,6 +151,9 @@ tr:nth-child(even) {
 .msg.greentext{
   color: #94ff94;
 }
+.ebex {
+  color: #fff4bd;
+}
 
 .chatlink {
   color: #f9edde;

src/styles/theme-dark-sstraight.css

@@ -156,6 +156,9 @@ tr:nth-child(even) {
 .msg.greentext{
   color: #94ff94;
 }
+.ebex {
+  color: #fff4bd;
+}
 
 .chatlink {
   color: #f9edde;

src/styles/theme-dark.css

@@ -136,6 +136,9 @@ tr:nth-child(even) {
 .msg.greentext{
   color: #94ff94;
 }
+.ebex {
+  color: #fff4bd;
+}
 
 .chatlink {
   color: #f9edde;