change accent color

2018-02-02 19:32:32 +02:00
parent 61c6207b39
commit 7bf29b99dc
6 changed files with 9 additions and 10 deletions
@@ -1,4 +1,4 @@
 .comment__username {
  text-decoration: none;
-  color: #19f;
+  color: #06c5c5;
 }
@@ -1,4 +1,4 @@
 .comment__vote_selected {
-  border-top-color: #19f;
+  border-top-color: #00aaaa;
  cursor: default;
 }
@@ -8,6 +8,6 @@
  cursor: pointer;

  &:hover {
-    border-top-color: #19f;
+    border-top-color: #00aaaa;
  }
 }
@@ -3,12 +3,11 @@
 .input__button {
  display: none;
  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
  box-sizing: border-box;
  width: $buttonWidth;
-  height: 100%;
  padding: 0 10px;
  font-size: 16px;
  border: 0;
@@ -18,6 +17,6 @@
  cursor: pointer;

  &:hover {
-    background: #00ffff;
+    background: #06c5c5;
  }
 }
@@ -20,7 +20,7 @@
  resize: none;

  &:focus {
-    box-shadow: 0 0 0 1px #aaa;
+    box-shadow: 0 0 0 1px #06c5c5;
    outline: none;
  }

@@ -41,7 +41,7 @@ export default class Input extends Component {
          ref={r => (this.fieldNode = r)}
          required
        >
-        {props.children}
+          {props.children}
        </textarea>

        <button className="input__button" type="submit">Send</button>