Update colors for SUSE Prime Theme (#15557)

* Update Prime theme

Signed-off-by: Phillip Rak <[email protected]>

* Update prime theme colors

Signed-off-by: Phillip Rak <[email protected]>

* Preserve Prime colors in top level menu

Signed-off-by: Phillip Rak <[email protected]>

* Update Prime theme colors

Signed-off-by: Phillip Rak <[email protected]>

* Update Prime logos

Signed-off-by: Phillip Rak <[email protected]>

* Primary keyboard focus

Signed-off-by: Phillip Rak <[email protected]>

* Update Prime dark mode secondary hover

Signed-off-by: Phillip Rak <[email protected]>

* Fix log width in e2e test

---------

Signed-off-by: Phillip Rak <[email protected]>
Co-authored-by: Neil MacDougall <[email protected]>

Author: rak-phillip

cypress/e2e/tests/pages/global-settings/settings-p2.spec.ts

@@ -261,7 +261,7 @@ describe('Settings', { testIsolation: 'off' }, () => {
   it('can update ui-brand', { tags: ['@globalSettings', '@adminUser'] }, () => {
     // We probably want a better way to distinguish between rancher and suse logos. I'm doing this as part of the vue3 migration and trying to keep things as similar as possible.
     const rancherLogoWidth = 167;
-    const suseRancherLogoWidth = 140;
+    const suseRancherLogoWidth = 200;
 
     // Update setting
     SettingsPagePo.navTo();

pkg/rancher-components/src/components/Form/Checkbox/Checkbox.vue

@@ -445,7 +445,7 @@ $fontColor: var(--input-label);
     -ms-transform: rotate(0deg) scale(1);
     transform: rotate(0deg) scale(1);
     opacity:1;
-    border: 1px solid var(--active, var(--primary));
+    border: 1px solid var(--checkbox-border, var(--primary));
   }
 
   // Custom Checkbox tick