diff --git a/piraattipuolue/login/resources/css/piraattipuolue.css b/piraattipuolue/login/resources/css/piraattipuolue.css
index 2258de7..fd51e4b 100644
--- a/piraattipuolue/login/resources/css/piraattipuolue.css
+++ b/piraattipuolue/login/resources/css/piraattipuolue.css
@@ -1,11 +1,15 @@
 body {
-    background-image: none !important;
+    background-image: linear-gradient(to bottom right, #512483, #000000) !important;
     background-color: #512483;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover !important;
 }
 
+a, a:active, a:focus, a:hover, a:visited, a:link {
+    color: #512483 !important;
+}
+
 #kc-header-wrapper {
     font-family: sans-serif;
 }
@@ -13,6 +17,19 @@ body {
 div.kc-logo-text.kc-logo-custom {
     background-image: url(../img/logo-light.svg);
     background-position: center;
+    background-size: 100%;
+}
+
+.login-pf-page .card-pf {
+    border-color: #000000;
+}
+
+.pf-c-button.pf-m-primary {
+    background-color: #000000;
+}
+
+.pf-c-form-control:focus, .pf-c-form-control:hover {
+    border-bottom-color: #512483;
 }
 
 @media (max-width: 767px){
@@ -33,7 +50,7 @@ div.kc-logo-text.kc-logo-custom {
     }
 
     .login-pf body {
-        background: none no-repeat center center fixed;
+        background: linear-gradient(to bottom right, #512483, #000000) no-repeat center center fixed;
     }
 
     .login-pf-page {
@@ -46,7 +63,7 @@ div.kc-logo-text.kc-logo-custom {
         margin-right: auto;
         padding-top: 10px;
         border-top: 4px solid;
-        border-color: var(--pf-global--primary-color--100);
+        border-color: #000000;
     }
 }
 
diff --git a/piraattipuolue/welcome/resources/css/piraattipuolue.css b/piraattipuolue/welcome/resources/css/piraattipuolue.css
index d84d854..3bb49e5 100644
--- a/piraattipuolue/welcome/resources/css/piraattipuolue.css
+++ b/piraattipuolue/welcome/resources/css/piraattipuolue.css
@@ -1,5 +1,9 @@
 body {
+    background-image: linear-gradient(to bottom right, #512483, #000000) !important;
     background-color: #512483;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover !important;
     align-items: center;
     justify-content: center;
     width: 100vw;