dashboard-shell-shell 1.0.1000000117 → 1.0.1000000118

package/assets/styles/base/_mixins.scss

@@ -159,5 +159,5 @@
 @mixin focus-outline {
   // Focus for form like elements (not to be confused with basic :focus style)
   // we need to use !important because it needs to superseed other classes that might impact outlines
-  // outline: 2px solid var(--primary-keyboard-focus);
+  outline: 2px solid var(--primary-keyboard-focus);
 }

package/assets/styles/global/_button.scss

@@ -1,4 +1,4 @@
-$btn-padding: 0 10px;
+$btn-padding: 0 10px 0 10px;
 $btn-sm-padding: 0 7px 0 7px;
 $btn-height: 32px;
 $btn-sm-height: 32px;
@@ -20,14 +20,13 @@ button,
   -ms-user-select: none;
   user-select: none;
   border: 0;
-  padding: $btn-padding;
+  // padding: $btn-padding;
   border-radius: var(--border-radius);
-  // color: var(--lightest);
+  color: var(--lightest);
   line-height: $btn-height !important;
   height: $btn-height !important;
   min-width: 100px;
   justify-content: center;
-  
 
   > .icon:not(:only-child) {
     margin-right: 6px;
@@ -35,7 +34,7 @@ button,
 
   &:hover {
     text-decoration: none;
-    // color: var(--lightest);
+    color: var(--lightest);
   }
 
   &.bg-transparent {
@@ -43,10 +42,6 @@ button,
   }
 }
 
-.bg-primary {
-  color: var(--lightest);
-}
-
 //icon button
 .icon-btn {
   padding: 0;
@@ -68,7 +63,7 @@ button,
   padding: $btn-sm-padding;
   min-height: $btn-sm-height;
   line-height: 32px;
-  min-width: 100px;
+  width: 100px;
 }
 
 //btn roles
@@ -99,11 +94,10 @@ button,
   // border: solid 1px var(--primary);
   border: solid 1px #d9d9d9;
   line-height: $btn-height - 2px;
-  min-width: 100px;
+  width: 100px;
 
   &:hover, &._hover {
-    // color: var(--lightest) !important;
-    color: var(--input-label) !important;
+    color: var(--lightest) !important;
     box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
   }
 
@@ -111,8 +105,7 @@ button,
     background: transparent;
     box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
     // background-color: var(--primary-hover-bg);
-    // color: var(--lightest) !important;
-    color: var(--input-label) !important;
+    color: var(--lightest) !important;
     // color: var(--primary-text) !important;
   }
 
@@ -169,8 +162,8 @@ button,
 }
 
 .role-multi-action {
-  //  background: var(--accent-btn);
-  //  border: solid thin var(--primary);
+   // background: var(--accent-btn);
+   border: solid thin var(--primary);
    color: var(--primary) !important;
    border-radius: 2px;
    min-width: 32px;

package/assets/styles/global/_form.scss

@@ -20,11 +20,11 @@ TEXTAREA,
   box-sizing: border-box;
   width: 100%;
   // padding: 4px 11px;
+  // background-color: var(--input-bg);
   // border-radius: var(--border-radius);
+  // border: solid var(--border-width) var(--input-border);
   
   color: var(--input-text);
-  background-color: var(--input-bg);
-  border: solid var(--border-width) var(--input-border);
 
 
   @include input-status-color;

package/assets/styles/global/_labeled-input.scss

@@ -10,7 +10,6 @@
 
   &.compact-input {
     min-height: $unlabeled-input-height;
-    // padding: 0 10px;
 
     INPUT.no-label {
       line-height: $input-line-height;
@@ -74,7 +73,7 @@
     padding: 0 0 0 0;
     // line-height: calc(#{$input-line-height} + 1px);
     line-height: calc(29px + 1px);
-    // border: solid var(--border-width) var(--input-border);
+    border: solid var(--border-width) var(--input-border);
     padding: 0px 11px;
     box-sizing: border-box;
     border-radius: 2px;
@@ -123,10 +122,7 @@
       font-weight: normal;
       line-height: 1;
       text-align: center;
-      position: absolute;
-      top: 5px;
-      right: 5px;
-      // background-color: #fff;
+      background-color: #fff;
     }
   }
 

package/assets/styles/global/_select.scss

@@ -2,7 +2,9 @@
   cursor: text;
   padding: 0;
   width: 100%;
-
+ &:hover{
+  box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
+ }
   .selected {
     padding-top: $input-padding-lg;
   }
@@ -21,7 +23,7 @@
 .labeled-select,
 .unlabeled-select {
   min-width: 75px;
-  min-height: 32px;
+  height: 32px;
   width: $input-width;
 
   .required {
@@ -104,8 +106,7 @@
       width: unset !important;
 
       &:not(:only-child) {
-        margin-bottom: 2px;
-        margin-top: 2px;
+        margin-bottom: 3px;
       }
     }
   }
@@ -166,7 +167,7 @@
       height: 100%;
 
       .vs__dropdown-toggle {
-        // height: 100%;
+        height: 100%;
       }
       .vs__actions {
         width: auto;
@@ -196,6 +197,6 @@
   }
 
   .labeled-tooltip .status-icon {
-    // top: $input-padding-sm;
+    top: $input-padding-sm;
   }
 }

package/assets/styles/global/_table.scss

@@ -105,8 +105,7 @@
     }
   }
 
-  
+
   .sortable-table tbody tr.group-row td:first-of-type {
     background-color: var(--sortable-table-bg) !important;
-  }
-  
+  }

package/assets/styles/global/_tooltip.scss

@@ -126,7 +126,6 @@
   border-radius: var(--border-radius-lg);
 
   .v-popper__inner {
-    border-radius: 4px;
     background: $color;
     color: var(--popover-text);
     padding: 10px;
@@ -147,9 +146,7 @@
 }
 
 .v-popper__popper.v-popper--theme-dropdown {
-  border-radius: 4px;
   z-index: z-index('tooltip');
-  border: 1px solid #d9d9d9 !important;
 
   &.containerLogsDropdown, &.fleet-summary-tooltip{
     .v-popper__arrow-container {
@@ -206,8 +203,4 @@
   .v-popper__inner {
     padding: 0px;
   }
-}
-
-// .v-popper__arrow-container {
-//   display: none; 
-// }
+}

package/assets/styles/themes/_dark.scss

@@ -38,8 +38,6 @@
 
   --slate: #{$slate};
 
-  --lightest                   : #{rgba($lightest, 1)};
-
   --default                    : #{$dark};
   --default-text               : #{$light};
   --default-hover-bg           : #{darken($dark, 10%)};

package/assets/styles/themes/_light.scss

@@ -6,7 +6,7 @@ $darkest   : #333;
 $darker    : #333;
 
 //light disabled
-$dark      : #ffffff;
+$dark      : #B6B6C2;
 
 //light border and buttons
 $medium    : #d7d7d7;
@@ -30,7 +30,7 @@ $secondary       : $darker;
 $link            : #1890FF;
 
 // Status colors
-$success         : #1890FF;
+$success         : #5D995D;
 $warning         : #DAC342;
 $error           : #F64747;
 // $error           : #A30014;
@@ -112,8 +112,6 @@ BODY, .theme-light {
       }
   }
 
-  --lightest                   : #{rgba($lightest, 1)};
-
   --default                    : #{$light};
   --default-text               : #{contrast-color($light)};
   --default-hover-bg           : #{darken($light, 10%)};
@@ -339,7 +337,6 @@ BODY, .theme-light {
   --nav-hover                  : #{$medium};
   --nav-hover-color            :#1890FF;
   --nav-expander-hover         : #{darken($medium, 10%)};
-  --nav-icon-badge-bg          : #{$dark};
   --nav-border                 : #{$medium};
   --nav-border-size            : 1px;
 

package/assets/styles/vendor/vue-select.scss

@@ -321,7 +321,6 @@ $transition-duration: 150ms;
     }
     .vs__selected {
       color: var(--input-text);
-      background-color: rgba(0, 0, 0, 0);
     }
   }
 
@@ -331,7 +330,7 @@ $transition-duration: 150ms;
   }
   .vs__dropdown-toggle {
     background-color: var(--input-bg);
-    border: none !important;
+    border: none;
     padding: none;
     border-radius: var(--border-radius);
     border: 1px solid var(--dropdown-border);

package/assets/translations/en-us.yaml

@@ -7732,7 +7732,9 @@ advancedSettings:
     'ui-default-landing': 'The default page users land on after login.'
     'brand': Folder name for an alternative theme defined in '/assets/brand'
     'hide-local-cluster': Hide the local cluster
-     
+    'agent-tls-mode': "Rancher Certificate Verification. In `strict` mode the agents (system, cluster, fleet, etc) will only trust Rancher installations which are using a certificate signed by the CABundle in the `cacerts` setting. When the mode is system-store, the agents will trust any certificate signed by a CABundle in the operating system’s trust store."
+    'k3s-based-upgrader-uninstall-concurrency': Defines the maximum number of clusters in which Rancher can concurrently uninstall the legacy `rancher-k3s-upgrader` or `rancher-rke2-upgrader` app from imported K3s or RKE2 clusters.
+    'imported-cluster-version-management': Enables version management for imported RKE2/K3s clusters, and the local cluster if it is an RKE2/K3s cluster. The per-cluster version management setting overrides this global setting at the cluster level. For existing clusters where the cluster-level version management is set to 'system-default', changing this flag will trigger a redeployment of the cluster agent during the next reconciliation (by default every 5 minutes, or as soon as the cluster is edited, whichever comes first).
   warnings:
     'agent-tls-mode': 'Changing this setting will cause all agents to be redeployed.'
   editHelp:

package/assets/translations/zh-hans.yaml

@@ -118,7 +118,7 @@ locale:
   none: (None)
 
 nav:
-  harvesterDashboard: Cloud 仪表板
+  harvesterDashboard: Harvester 仪表板
   backToRancher: Cluster Manager
   clusterTools: 集群工具
   kubeconfig:
@@ -1212,7 +1212,7 @@ cluster:
       label: vSphere
       note: '<b>重要</b>：在附加配置标签中配置 vSphere 云提供商和存储提供商选项。'
     harvester:
-      label: Cloud
+      label: Harvester
   copyConfig: 将 KubeConfig 复制到剪切板
   copiedConfig: 已将 KubeConfig 复制到剪切板
   custom:
@@ -1371,26 +1371,26 @@ cluster:
       kubeconfigContent:
         label: KubeconfigContent
       placeholder: '资源组/名称'
-      cluster: 导入的 Cloud 集群
+      cluster: 导入的 Harvester 集群
       installGuestAgent: 安装访客代理
   description:
     label: 集群描述
     placeholder: 输入可以描述该集群的文本
   harvester:
-    importNotice: 导入 Cloud 集群的方式：
+    importNotice: 导入 Harvester 集群的方式：
     warning:
-      label: 这是一个 Cloud 集群 - 请启用 Cloud 功能开关以对其进行管理。
+      label: 这是一个 Harvester 集群 - 请启用 Harvester 功能开关以对其进行管理。
       state: 警告
       cloudProvider:
         incompatible:
-          由于当前的 Cloud 版本与所选的 RKE2 Kubernetes 版本不兼容，因此你无法选择 Cloud cloud provider。请单击 <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.suse.com/suse-Cloud/support-matrix/all-supported-versions">此处</a>查看支持的 Kubernetes 版本。
+          由于当前的 Harvester 版本与所选的 RKE2 Kubernetes 版本不兼容，因此你无法选择 Harvester cloud provider。请单击 <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.suse.com/suse-harvester/support-matrix/all-supported-versions">此处</a>查看支持的 Kubernetes 版本。
     clusterWarning: |-
       还有 {count, plural,
-      =1 {1 个 Cloud 集群未显示}
-      other { # 个 Cloud 集群未显示}
+      =1 {1 个 Harvester 集群未显示}
+      other { # 个 Harvester 集群未显示}
       }
     registration:
-      step1: "1. 前往目标 Cloud UI 的<code>运维管理 -> 集群配置 -> 高级配置</code>页面。"
+      step1: "1. 前往目标 Harvester UI 的<code>高级设置</code>页面。"
       step2: '2. 找到<code>cluster-registration-url</code>设置项，并点击<code><i class="icon icon-actions" ></i></code> -> <code>编辑设置</code>按钮。'
       step3: "3. 输入以下注册 URL，并点击<code>保存</code>。"
       step4: "注册 URL"
@@ -1859,7 +1859,7 @@ cluster:
     google: Google GCE
     googlegke: Google GKE
     gke: Google GKE
-    harvester: Cloud
+    harvester: Harvester
     huaweicce: 华为 CCE
     import: 通用
     imported: 已导入
@@ -2192,21 +2192,21 @@ fleet:
   clusters:
     harvester: |-
       还有 {count, plural,
-      =1 {1个 Cloud 集群未显示，因为它不能与持续交付一起使用。}
-      other { #个 Cloud 集群未显示，因为它们不能与持续交付一起使用。}
+      =1 {1个 Harvester 集群未显示，因为它不能与持续交付一起使用。}
+      other { #个 Harvester 集群未显示，因为它们不能与持续交付一起使用。}
       }
   tokens:
     harvester: |-
       {count, plural,
-      =1 {1个 Token 未显示，因为它属于不能与持续交付一起使用的 Cloud 集群。}
-      other {#个 Token 未显示，因为它属于不能与持续交付一起使用的 Cloud 集群。}
+      =1 {1个 Token 未显示，因为它属于不能与持续交付一起使用的 Harvester 集群。}
+      other {#个 Token 未显示，因为它属于不能与持续交付一起使用的 Harvester 集群。}
       }
   bundles:
     resources: 资源
     harvester: |-
       {count, plural,
-      =1 {1 个 Bundle 未显示，因为它属于不能与持续交付一起使用的 Cloud 集群。}
-      other {# 个 Bundle 未显示，因为它属于不能与持续交付一起使用的 Cloud 集群。}
+      =1 {1 个 Bundle 未显示，因为它属于不能与持续交付一起使用的 Harvester 集群。}
+      other {# 个 Bundle 未显示，因为它属于不能与持续交付一起使用的 Harvester 集群。}
       }
   fleetSummary:
     noClustersGitRepo: 这个 Git 仓库不针对任何集群
@@ -2826,7 +2826,7 @@ landing:
   bannerImage: Homepage banner image
   homepage: Homepage
   clusters:
-    title: Cloud 集群
+    title: 集群
     provider: 提供商
     kubernetesVersion: Kubernetes 版本
     explorer: 浏览器
@@ -3845,7 +3845,7 @@ persistentVolume:
       disk-csi-azure-com: Azure 磁盘 (CSI)
       file-csi-azure-com: Azure 文件 (CSI)
       driver-longhorn-io: Longhorn (CSI)
-      driver-harvesterhci-io: Cloud (CSI)
+      driver-harvesterhci-io: Harvester (CSI)
       nfs-csi-k8s-io: NFS (CSI)
       ebs-csi-aws-com: AWS Elastic Block Store (CSI)
       rbd-csi-ceph-com: Ceph RBD (CSI)
@@ -5066,7 +5066,7 @@ setup:
   defaultPassword:
     intro: 这是你第一次访问 {vendor}。如果你预先设置了 Bootstrap 密码，请在此处输入。否则我们会为你生成一个随机密码。找到它：<br/><br/>
     dockerPrefix: '"docker run" 安装：'
-    dockerPs: '运行<code style="background-color: #68686850;border: none;">docker ps</code>找到你的容器 ID，然后运行：'
+    dockerPs: '运行<code>docker ps</code>找到你的容器 ID，然后运行：'
     dockerSuffix: ""
     helmPrefix: 'Helm 安装，运行：'
     helmSuffix: ""
@@ -5405,13 +5405,13 @@ storageClass:
     title: （已弃用）
     warning: '{provisioner} 树内插件已弃用。你可以在<a target="_blank" rel="noopener noreferrer nofollow" href="https://kubernetes-csi.github.io/docs/drivers.html">这里</a>查找 CSI 驱动。'
   harvesterhci:
-    title: Cloud (CSI)
+    title: Harvester (CSI)
     warning:
-      unSatisfiesVersion: 请升级 Cloud CSI 驱动版本来使用此功能(csi-driver >= v0.1.15)
+      unSatisfiesVersion: 请升级 Harvester CSI 驱动版本来使用此功能(csi-driver >= v0.1.15)
     hostStorageClass:
       label: 主机存储类
-      placeholder: 主机 Cloud 集群上的存储类名称
-      tooltip: 默认使用主机 Cloud 集群上的默认存储类。
+      placeholder: 主机 Harvester 集群上的存储类名称
+      tooltip: 默认使用主机 Harvester 集群上的默认存储类。
 
 tableHeaders:
   assuredConcurrencyShares: 确保并发份额
@@ -5624,10 +5624,6 @@ tableHeaders:
   users: 用户
   userDisplayName: 显示名称
   userId: ID
-  userDeletedIn: 到期删除
-  userDisabledIn: 到期禁用
-  userLastLogin: 最后登录
-  userState: 启用状态
   userStatus: 状态
   username: 本地用户名
   value: 值
@@ -6597,8 +6593,8 @@ typeLabel:
     }
   management.cattle.io.setting: |-
     {count, plural,
-      one { 基础设置 }
-      other { 基础设置 }
+      one { 设置 }
+      other { 设置 }
     }
   management.cattle.io.fleetworkspace: |-
     {count, plural,
@@ -6853,8 +6849,8 @@ typeLabel:
     }
   harvesterhci.io.management.cluster: |-
     {count, plural,
-      one { Cloud 集群 }
-      other { Cloud 集群 }
+      one { Harvester 集群 }
+      other { Harvester 集群 }
     }
   harvesterhci.io.cloudtemplate: |-
     {count, plural,
@@ -7169,9 +7165,6 @@ advancedSettings:
     'ui-default-landing': '用户登录后的默认页面。'
     'brand': 在'/assets/brand'中定义，用于替代主题的文件夹名称
     'hide-local-cluster': 隐藏 local 集群
-    'agent-tls-mode': "Rancher 证书验证。在 strict（严格）模式下，代理（系统、集群、Fleet 等）将仅信任使用由 cacerts 设置中的 CABundle 签名的证书的 Rancher 安装。当模式为 system-store（系统存储）时，代理将信任由操作系统信任存储中的 CABundle 签名的任何证书。"
-    'k3s-based-upgrader-uninstall-concurrency': "定义 Rancher 可并发从导入的 K3s 或 RKE2 集群中卸载旧版 rancher-k3s-upgrader 或 rancher-rke2-upgrader 应用程序的最大集群数量。"
-    'imported-cluster-version-management': "为导入的 RKE2/K3s 集群启用版本管理，如果本地集群是 RKE2/K3s 集群，则也对其生效。集群级别的版本管理设置会在集群层面覆盖此全局设置。对于集群级别版本管理设置为 'system-default'（系统默认）的现有集群，更改此标志将在下一次协调期间（默认每 5 分钟一次，或一旦编辑集群便立即触发，以先到者为准）触发集群代理的重新部署。"
   editHelp:
     'ui-banners': 此设置使用包含 3 个根参数的 JSON 对象，分别是<code>banner</code>、<code>showHeader</code>和<code>showFooter</code>。<code>banner</code> 是包含 <code>textColor</code>，<code>background</code>和<code>text</code>的对象，其中<code>textColor</code> 和 <code>background</code>的值可以是任何有效的 CSS 颜色值。
   enum:
@@ -7205,7 +7198,7 @@ featureFlags:
     title: 等待重启
     wait: 重启需要数分钟。
   description:
-    harvester: 接入 Cloud，以导入和管理 Cloud 集群
+    harvester: 接入 Harvester，以导入和管理 Harvester 集群
     unsupported-storage-drivers: 允许使用非默认启用的存储提供商和卷插件
     legacy: 启用旧版功能
     istio-virtual-service-ui: 暴露了一个用户界面，使用户能够创建、读取、更新和删除虚拟服务和目标规则，这是 Istio 的流量管理功能。
@@ -7323,22 +7316,6 @@ branding:
     uploadLight: 上传浅色 Logo
     uploadDark: 上传深色 Logo
     useCustom: 使用自定义 Logo
-  banner:
-    label: 横幅
-    tip: '上传图片以替换仪表板页面中的默认 Rancher 横幅。推荐使用宽高比为 6:1 的 SVG 图像。默认图片尺寸为 4197x633。最大文件大小为 200KB。可接受格式：JPEG、PNG、SVG。'
-    lightPreview: 浅色主题预览
-    darkPreview: 深色主题预览
-    uploadLight: 上传浅色横幅
-    uploadDark: 上传深色横幅
-    useCustom: 使用自定义横幅
-  loginBackground:
-    label: 登录背景
-    tip: '上传图片以替换登录页面的默认 Rancher 背景。推荐使用宽高比为 7:8 的 SVG 图像。默认图片尺寸为 683x768。最大文件大小为 200KB。可接受格式：JPEG、PNG、SVG。'
-    lightPreview: 浅色主题预览
-    darkPreview: 深色主题预览
-    uploadLight: 上传浅色背景
-    uploadDark: 上传深色背景
-    useCustom: 使用自定义背景
   favicon:
     label: 网站图标
     tip: '上传一个网站图标来替换浏览器选项卡中的 Rancher 图标。最大文件大小为 20KB'

package/components/ActionDropdown.vue

@@ -212,7 +212,6 @@ export default {
       border: 1px solid var(--dropdown-border);
       padding: 0px;
       text-align: left;
-      border-radius: 4px;
 
       LI {
         padding: 10px;

package/components/ActionMenuShell.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted } from 'vue';
+import { computed } from 'vue';
 import { useStore } from 'vuex';
 import { useRoute } from 'vue-router';
 
@@ -18,6 +18,7 @@ type RcDropdownMenuComponentProps = {
   dataTestid?: string;
   resource: Object;
   customActions?: DropdownOption[];
+  showIcon?: Boolean;
 }
 
 const props = defineProps <RcDropdownMenuComponentProps>();
@@ -83,7 +84,6 @@ const execute = (action: any, event: MouseEvent, args?: any) => {
 const options = computed(() => store.getters['action-menu/optionsArray']);
 
 const menuOptions = () => {
-
   if (props.customActions && props.customActions.length > 0) {
     return props.customActions;
   }
@@ -91,9 +91,6 @@ const menuOptions = () => {
   return options.value;
 };
 
-onMounted(() => {
-})
-
 </script>
 
 <template>
@@ -104,8 +101,8 @@ onMounted(() => {
     :dropdown-aria-label="dropdownAriaLabel"
     :options="menuOptions()"
     :data-testid="dataTestid"
+    :showIcon="showIcon"
     @update:open="openChanged"
     @select="(e: MouseEvent, option: object) => execute(option, e)"
-    :showIcon="false"
   />
 </template>

package/components/BrandImage.vue

@@ -79,56 +79,37 @@ export default {
     },
 
     pathToBrandedImage() {
-
-      console.log(this.fileName, ' this.fileName;')
-
       if (this.fileName === 'rancher-logo.svg' || this.supportCustomLogo) {
         if (this.theme === 'dark' && this.uiLogoDark) {
-
-          console.log(this.uiLogoDark, ' this.uiLogoDark;')
-          
           return this.uiLogoDark;
         }
 
         if (this.uiLogoLight) {
-          console.log(this.uiLogoLight, ' this.uiLogoLight;')
-
           return this.uiLogoLight;
         }
       }
 
       if (this.fileName === 'banner.svg') {
         if (this.theme === 'dark' && this.uiBannerDark) {
-          console.log(this.uiBannerDark, ' this.uiBannerDark;')
-
           return this.uiBannerDark;
         }
 
         if (this.uiBannerLight) {
-          console.log(this.uiBannerLight, ' this.uiBannerLight;')
-
           return this.uiBannerLight;
         }
       }
 
       if (this.fileName === 'login-landscape.svg') {
         if (this.theme === 'dark' && this.uiLoginBackgroundDark) {
-          console.log(this.uiLoginBackgroundDark, ' this.uiLoginBackgroundDark;')
-
           return this.uiLoginBackgroundDark;
         }
 
         if (this.uiLoginBackgroundLight) {
-          console.log(this.uiLoginBackgroundLight, ' this.uiLoginBackgroundLight;')
-
           return this.uiLoginBackgroundLight;
         }
       }
 
       if (!this.brand) {
-
-        console.log(this.defaultPathToBrandedImage, ' this.defaultPathToBrandedImage;')
-
         return this.defaultPathToBrandedImage;
       } else {
         if (this.theme === 'dark' || this.dark) {
@@ -140,8 +121,6 @@ export default {
           return require(`~shell/assets/brand/${ this.brand }/${ this.fileName }`);
         } catch {}
 
-        console.log(this.defaultPathToBrandedImage, ' this.defaultPathToBrandedImage;')
-
         return this.defaultPathToBrandedImage;
       }
     },
@@ -152,6 +131,5 @@ export default {
   <img
     v-bind="$attrs"
     :src="pathToBrandedImage"
-    style="height: 50px;"
   >
 </template>

package/components/ClusterIconMenu.vue

@@ -159,7 +159,7 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--primary);
+    color: var(--default-active-text);
     font-weight: bold;
     background: var(--nav-icon-badge-bg);
     border: 1px solid var(--border);

package/components/CodeMirror.vue

@@ -369,7 +369,6 @@ export default {
       }
 
       .CodeMirror-lines {
-        background-color: var(--input-bg);
         color: var(--input-text);
         padding: 0;
 

package/components/CruResource.vue

@@ -823,6 +823,7 @@ export default {
   }
 }
 .create-resource-container {
+
   .resource-container {
     display: flex; // Ensures content grows in child CruResources
     flex-direction: column;
@@ -886,7 +887,6 @@ form.create-resource-container .cru {
   }
 }
 .cru {
-  height: 100%;
   display: flex;
   flex-direction: column;
   flex-grow: 1;

package/components/CruResourceFooter.vue

@@ -120,7 +120,7 @@ export default {
   z-index: z-index('cruFooter');
 
   .btn {
-    margin-left: 10px;
+    margin-right: 10px;
   }
 }