Colors

assets/css/app.scss

@@ -6,6 +6,9 @@
     --hover-color: #f18902;
     --border-slim-color: #495057;
     --border-light-gray-color: #e5e5e5;
+    --red-color: #9D0208;
+    --orange-color: #E85D04;
+    --blue-color: #023e8a;
 }
 
 header > h1 {
@@ -128,11 +131,11 @@ local-businesses local-business p {
 
 .error {
     width: 1280px;
-    color: #ba3939;
     background: #ffe0e0;
-    border: 1px solid #a33a3a;
+    border: 1px solid var(--red-color);
     margin: 8px auto auto;
     padding: 8px;
+    color: var(--red-color);
 }
 
 #home {

client/src/contacts/contact-type-icon.js

@@ -23,6 +23,8 @@ customElements.define('contact-type-icon',
                 :host([contact-type="mobile"]) #mobile-icon {
                     display: block;
                 }
+                path {
+                }
             </style>
             
             <svg id="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75.294 75.294" xml:space="preserve">

client/src/ow-account/account-view.js

@@ -37,6 +37,10 @@ customElements.define('account-view', class extends Component {
                 #rules a {
                     display: block;
                 }
+                #logout {
+                    border-color: var(--red-color);
+                    color: var(--red-color);
+                }
                 @media only screen and (min-device-width: 1000px) {
                     article {
                         margin: 0;
@@ -72,7 +76,7 @@ customElements.define('account-view', class extends Component {
                 </div>
                 <div>
                     <form action="/logout" method="post">
-                        <input value="Wyloguj" type="submit" />
+                        <input id="logout" value="Wyloguj" type="submit" />
                     </form>
                 </div>
                 <section id="rules">