diff --git a/administrator/language/en-GB/tpl_atum.ini b/administrator/language/en-GB/tpl_atum.ini
index 57b437c368f98..1eda4d38e5926 100644
--- a/administrator/language/en-GB/tpl_atum.ini
+++ b/administrator/language/en-GB/tpl_atum.ini
@@ -15,6 +15,7 @@ TPL_ATUM_COLORS_SETTINGS_BG_LIGHT_LABEL="Light Background"
 TPL_ATUM_COLORS_SETTINGS_CONTRAST_COLOR_LABEL="Contrast Colour"
 TPL_ATUM_COLORS_SETTINGS_LABEL="Colour Settings"
 TPL_ATUM_COLORS_SETTINGS_LINK_COLOR_LABEL="Link Colour"
+TPL_ATUM_COLORS_SETTINGS_LINK_SIDEBAR_COLOR_LABEL="Sidebar Link Colour"
 TPL_ATUM_COLORS_SETTINGS_MONOCHROME_LABEL="Set Colour to Monochrome"
 TPL_ATUM_COLORS_SETTINGS_SPECIAL_COLOR_LABEL="Special Colour"
 TPL_ATUM_COLORS_SETTINGS_TEXT_DARK_LABEL="Dark Text"
diff --git a/administrator/templates/atum/Service/HTML/Atum.php b/administrator/templates/atum/Service/HTML/Atum.php
index 2d292dfb3ac7f..e324dcc4d86d5 100644
--- a/administrator/templates/atum/Service/HTML/Atum.php
+++ b/administrator/templates/atum/Service/HTML/Atum.php
@@ -106,6 +106,23 @@ public static function rootcolors(Registry $params): void
 			}
 		}
 
+		$sidebarLinkColor = $params->get('sidebar-link-color');
+
+		if (static::isHex($sidebarLinkColor))
+		{
+			try
+			{
+				$sidebarLinkColor = new Hex($sidebarLinkColor);
+
+				$root[] = '--atum-sidebar-link-color: ' . $sidebarLinkColor . ';';
+
+			}
+			catch (\Exception $ex)
+			{
+				// Just ignore exceptions
+			}
+		}
+
 		$specialColor = $params->get('special-color');
 
 		if (static::isHex($specialColor))
diff --git a/administrator/templates/atum/images/logo-blue.svg b/administrator/templates/atum/images/logo-blue.svg
index 73302ed3de22c..5fb850b8d4e7c 100644
--- a/administrator/templates/atum/images/logo-blue.svg
+++ b/administrator/templates/atum/images/logo-blue.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 149.7 149.6" width="20px" height="20px"><path fill="#28466a" d="M141.4 42v.5H140V46h-.5v-3.5h-1.3V42h3.2z"/><path fill="#28466a" d="M141.8 42h.8l1.1 3.3 1.1-3.3h.8v3.9h-.5v-2.3-.4-.6l-1.1 3.3h-.5l-1.1-3.3V45.8h-.5V42z"/><g><path d="M27 75.5l-2.9-2.9c-8.9-8.9-11.7-21.7-8.3-33C6.9 37.6.2 29.6.2 20.1c0-11.1 9-20 20-20 10 0 18.2 7.3 19.8 16.8 10.8-2.5 22.6.4 31.1 8.8l1.2 1.2-14.9 14.7-1.1-1.2c-4.8-4.8-12.6-4.8-17.4 0-4.8 4.8-4.8 12.6 0 17.4l2.9 2.9 14.8 14.8 15.6 15.6-14.8 14.8-15.6-15.7L27 75.5z" fill="#28466a"/><path d="M43.5 58.9l15.6-15.6 14.8-14.8 2.9-2.9c8.9-8.9 21.6-11.7 32.8-8.4C111 7.5 119.4 0 129.5 0c11.1 0 20 9 20 20 0 10.2-7.6 18.6-17.4 19.9 3.2 11.2.4 23.8-8.4 32.7l-1.2 1.2L107.7 59l1.1-1.1c4.8-4.8 4.8-12.6 0-17.4-4.8-4.8-12.5-4.8-17.4 0l-2.9 2.9-14.6 14.7-15.6 15.6-14.8-14.8z" fill="#28466a"/><path d="M110.1 133.5c-11.4 3.5-24.2.7-33.2-8.3l-1.1-1.1 14.8-14.8 1.1 1.1c4.8 4.8 12.6 4.8 17.4 0 4.8-4.8 4.8-12.5 0-17.4l-2.9-2.9-14.9-14.6-15.6-15.7L90.5 45l15.6 15.6 14.8 14.8 2.9 2.9c8.5 8.5 11.4 20.5 8.8 31.3 9.7 1.4 17.2 9.7 17.2 19.8 0 11.1-9 20-20 20-9.8.2-17.9-6.7-19.7-15.9z" fill="#28466a"/><path d="M104.3 92l-15.6 15.6-14.8 14.8-2.9 2.9c-8.5 8.5-20.6 11.4-31.5 8.7-2 8.9-10 15.5-19.5 15.5-11.1 0-20-9-20-20 0-9.5 6.6-17.4 15.4-19.5-2.8-11 .1-23.1 8.7-31.7l1.1-1.1L40 92l-1.1 1.1c-4.8 4.8-4.8 12.6 0 17.4 4.8 4.8 12.6 4.8 17.4 0l2.9-2.9L74 92.8l15.6-15.6L104.3 92z" fill="#28466a"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 149.7 149.6" width="20px" height="20px" class="joomla-logo"><path fill="#28466a" d="M141.4 42v.5H140V46h-.5v-3.5h-1.3V42h3.2z"/><path fill="#28466a" d="M141.8 42h.8l1.1 3.3 1.1-3.3h.8v3.9h-.5v-2.3-.4-.6l-1.1 3.3h-.5l-1.1-3.3V45.8h-.5V42z"/><g><path d="M27 75.5l-2.9-2.9c-8.9-8.9-11.7-21.7-8.3-33C6.9 37.6.2 29.6.2 20.1c0-11.1 9-20 20-20 10 0 18.2 7.3 19.8 16.8 10.8-2.5 22.6.4 31.1 8.8l1.2 1.2-14.9 14.7-1.1-1.2c-4.8-4.8-12.6-4.8-17.4 0-4.8 4.8-4.8 12.6 0 17.4l2.9 2.9 14.8 14.8 15.6 15.6-14.8 14.8-15.6-15.7L27 75.5z" fill="#28466a"/><path d="M43.5 58.9l15.6-15.6 14.8-14.8 2.9-2.9c8.9-8.9 21.6-11.7 32.8-8.4C111 7.5 119.4 0 129.5 0c11.1 0 20 9 20 20 0 10.2-7.6 18.6-17.4 19.9 3.2 11.2.4 23.8-8.4 32.7l-1.2 1.2L107.7 59l1.1-1.1c4.8-4.8 4.8-12.6 0-17.4-4.8-4.8-12.5-4.8-17.4 0l-2.9 2.9-14.6 14.7-15.6 15.6-14.8-14.8z" fill="#28466a"/><path d="M110.1 133.5c-11.4 3.5-24.2.7-33.2-8.3l-1.1-1.1 14.8-14.8 1.1 1.1c4.8 4.8 12.6 4.8 17.4 0 4.8-4.8 4.8-12.5 0-17.4l-2.9-2.9-14.9-14.6-15.6-15.7L90.5 45l15.6 15.6 14.8 14.8 2.9 2.9c8.5 8.5 11.4 20.5 8.8 31.3 9.7 1.4 17.2 9.7 17.2 19.8 0 11.1-9 20-20 20-9.8.2-17.9-6.7-19.7-15.9z" fill="#28466a"/><path d="M104.3 92l-15.6 15.6-14.8 14.8-2.9 2.9c-8.5 8.5-20.6 11.4-31.5 8.7-2 8.9-10 15.5-19.5 15.5-11.1 0-20-9-20-20 0-9.5 6.6-17.4 15.4-19.5-2.8-11 .1-23.1 8.7-31.7l1.1-1.1L40 92l-1.1 1.1c-4.8 4.8-4.8 12.6 0 17.4 4.8 4.8 12.6 4.8 17.4 0l2.9-2.9L74 92.8l15.6-15.6L104.3 92z" fill="#28466a"/></g></svg>
diff --git a/administrator/templates/atum/login.php b/administrator/templates/atum/login.php
index e888816a04845..20d691eaa7733 100644
--- a/administrator/templates/atum/login.php
+++ b/administrator/templates/atum/login.php
@@ -110,7 +110,7 @@
 		<section id="content" class="content h-100">
 			<main class="d-flex justify-content-center align-items-center h-100">
 				<div class="login">
-					<div class="main-brand text-center">
+					<div class="main-brand logo text-center">
 						<img src="<?php echo $loginLogo; ?>"
 							 alt="<?php echo htmlspecialchars($this->params->get('altLoginLogo', ''), ENT_COMPAT, 'UTF-8'); ?>">
 					</div>
diff --git a/administrator/templates/atum/scss/_variables.scss b/administrator/templates/atum/scss/_variables.scss
index 6f7115fc59d43..542dfea699d6d 100644
--- a/administrator/templates/atum/scss/_variables.scss
+++ b/administrator/templates/atum/scss/_variables.scss
@@ -17,7 +17,7 @@ $black:                            #000;    //used for shadows
 $focuscolor:                       #39f;    //used for focus color
 $dark-blue:                        #001b4c; //is the atum-special-color
 $light-blue:                       #2a69b8; //is the atum-link-color
-$focusshadow:                      0 0 0 .2rem #d3e2f5;
+$focusshadow:                      0 0 0 .2rem #eaeaea;
 
 // BS Colours
 $blue:                             hsl(213, 63, 44%); // base color for calculation, Primary-color
@@ -94,7 +94,7 @@ $alert-color-level:                0;
 // Global
 $atum-box-shadow:                  0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
 $enable-rounded:                   true;
-$input-box-shadow:                 inset 0 0 0 .1rem lighten(theme-color("atum-link-color"), 45%);
+$input-box-shadow:                 inset 0 0 0 .1rem #e9e9e9;
 $input-btn-padding-y:              .6rem;
 $input-btn-padding-x:              1rem;
 $input-max-width:                  100%;
@@ -231,7 +231,7 @@ $custom-select-multiple-padding-y:   .3rem;
 
 //input
 $input-padding:                    .6rem 1rem;
-$input-border:                     solid 1px  #6d7784;
+$input-border:                     solid 1px  #c9c9c9;
 
 // Modals
 $modal-header-height:              2.875rem;
diff --git a/administrator/templates/atum/scss/blocks/_global.scss b/administrator/templates/atum/scss/blocks/_global.scss
index f2d09cecc266c..a1c32c8e70322 100644
--- a/administrator/templates/atum/scss/blocks/_global.scss
+++ b/administrator/templates/atum/scss/blocks/_global.scss
@@ -182,7 +182,8 @@ a[target="_blank"]::before {
 }
 
 .text-muted {
-  color: var(--atum-text-dark);
+  color: var(--atum-text-dark) !important;
+  opacity: 0.7;
 }
 
 .card-columns {
diff --git a/administrator/templates/atum/scss/blocks/_header.scss b/administrator/templates/atum/scss/blocks/_header.scss
index 398ad3078f2f7..e9d8808e31694 100644
--- a/administrator/templates/atum/scss/blocks/_header.scss
+++ b/administrator/templates/atum/scss/blocks/_header.scss
@@ -115,6 +115,11 @@
         color: $white;
       }
 
+      .text-muted {
+        color: #fff !important;
+        opacity: .6;
+      }
+
       a,
       button {
 
@@ -129,11 +134,11 @@
         &.disabled,
         &.disabled:hover,
         &.disabled[aria-expanded="true"] {
-          color: var(--atum-special-color);
+          color: #fff;
           pointer-events: none;
           background-color: transparent;
           box-shadow: none;
-          opacity: .3;
+          opacity: .6;
         }
       }
 
diff --git a/administrator/templates/atum/scss/blocks/_login.scss b/administrator/templates/atum/scss/blocks/_login.scss
index 98ad948db06e5..de3ad64cea6f9 100644
--- a/administrator/templates/atum/scss/blocks/_login.scss
+++ b/administrator/templates/atum/scss/blocks/_login.scss
@@ -40,6 +40,17 @@
       padding: 15px;
     }
 
+    svg.joomla-logo {
+      background-size: 4.4rem 2.4rem;
+      height: 4.4rem;
+      width: 2.4rem;
+
+      path {
+        fill: var(--atum-bg-dark);
+      }
+
+    }
+
     #form-login {
 
       .form-group {
@@ -58,8 +69,9 @@
     }
 
     #btn-login-submit {
-      color: rgba(255, 255, 255, .8);
-      background: var(--atum-bg-dark);
+      color: var(--atum-text-light);
+      background-color: var(--atum-link-color);
+      border-color: var(--atum-link-color);
     }
   }
 
@@ -90,11 +102,15 @@
   h1 {
     padding-bottom: 1rem;
     margin: 0;
+    color: var(--atum-bg-dark);
     font-weight: $font-weight-bold;
-    color: var(--atum-special-color);
     text-align: center;
   }
 
+  h2 {
+    color: var(--atum-text-dark);
+  }
+
   .btn {
 
     @include media-breakpoint-only(xs) {
diff --git a/administrator/templates/atum/scss/blocks/_quickicons.scss b/administrator/templates/atum/scss/blocks/_quickicons.scss
index afb50f10c526b..91b42ec29c918 100644
--- a/administrator/templates/atum/scss/blocks/_quickicons.scss
+++ b/administrator/templates/atum/scss/blocks/_quickicons.scss
@@ -19,7 +19,7 @@
       margin: 0 auto;
       font-size: $quickicon-icon-size;
       color: transparent;
-      background: linear-gradient(var(--atum-link-color), #5693e1);
+      background: linear-gradient(var(--atum-link-color), var(--atum-link-hover-color));
       background-clip: text;
 
       &.big {
diff --git a/administrator/templates/atum/scss/blocks/_toolbar.scss b/administrator/templates/atum/scss/blocks/_toolbar.scss
index 87af8e626f58d..d24553a2b356a 100644
--- a/administrator/templates/atum/scss/blocks/_toolbar.scss
+++ b/administrator/templates/atum/scss/blocks/_toolbar.scss
@@ -46,18 +46,18 @@
 
     > span {
       display: inline-block;
-      color: var(--subhead-btn-accent);
+      color: var(--atum-link-color);
     }
 
     &:not([disabled]):hover,
     &:not([disabled]):active,
     &:not([disabled]):focus {
       color: rgba(255, 255, 255, .90);
-      background-color: var(--subhead-btn-accent);
-      border-color: var(--subhead-btn-accent);
+      background-color: var(--atum-link-color);
+      border-color: var(--atum-link-hover-color);
 
       > span {
-        color: rgba(255, 255, 255, .90);
+        color: var(--atum-text-light);
       }
     }
 
diff --git a/administrator/templates/atum/templateDetails.xml b/administrator/templates/atum/templateDetails.xml
index 5d8df1116f9f6..962990f33fdbf 100644
--- a/administrator/templates/atum/templateDetails.xml
+++ b/administrator/templates/atum/templateDetails.xml
@@ -90,6 +90,13 @@
 					default="#2a69b8"
 					filter="color"
 				/>
+				<field
+					name="sidebar-link-color"
+					type="color"
+					label="TPL_ATUM_COLORS_SETTINGS_LINK_SIDEBAR_COLOR_LABEL"
+					default="#3b4a5c"
+					filter="color"
+				/>
 				<field
 					name="special-color"
 					type="color"