color schema updates

Signed-off-by: Frank Jogeleit <[email protected]>
kyverno · Aug 1, 2024 · be0a874 · be0a874
1 parent a763f69
commit be0a874
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/frontend/bun.lockb b/frontend/bun.lockb
diff --git a/frontend/modules/core/api.ts b/frontend/modules/core/api.ts
@@ -60,7 +60,7 @@ export class CoreAPI {
     return exec<ResourceDetails>(`/api/config/${this.cluster}/resource/${id}`, { baseURL: this.baseURL, params: filter })
   }
 
-  createException (id: string, source: string, policies: ExceptionPolicy[], category?: string) {
+  createException (id: string, source: string, policies?: ExceptionPolicy[], category?: string) {
     return exec<ExceptionResponse>(`/api/config/${this.cluster}/resource/${id}/exception`, { baseURL: this.baseURL, method: "POST", body: { policies, source, category } })
   }
 

diff --git a/frontend/modules/core/components/resource/ExceptionDialog.vue b/frontend/modules/core/components/resource/ExceptionDialog.vue
@@ -6,7 +6,7 @@
              rounded="0"
              :class="btnClass"
              variant="flat"
-             color="secondary"
+             color="exception"
              size="small"
              :height="height as any">
         Exception
@@ -73,7 +73,6 @@
 <script setup lang="ts">
 import { callAPI } from "~/modules/core/composables/api";
 import { useClipboard } from '@vueuse/core'
-import { FetchError } from "ofetch";
 import { parse } from "yaml";
 import { type ExceptionPolicy } from "~/modules/core/types";
 import {capilize} from "../../layouthHelper";
@@ -93,7 +92,7 @@ const open = ref(false)
 const loading = ref(false)
 const err = ref<string>()
 
-const {text, copy, copied} = useClipboard({source: content})
+const {copy, copied} = useClipboard({source: content})
 
 const close = () => {
   open.value = false
@@ -108,7 +107,7 @@ const request = async () => {
     minVersion.value = response.minVersion
     err.value = undefined
 
-  } catch (error: FetchError) {
+  } catch (error: any) {
     err.value = `[${error.statusCode}] ${error.statusMessage}`
     return
   } finally {

diff --git a/frontend/package.json b/frontend/package.json
@@ -14,7 +14,7 @@
     "@nuxt/devtools": "latest",
     "@types/chroma-js": "^2.4.3",
     "@types/lodash.debounce": "^4.0.9",
-    "nuxt": "^3.12.3",
+    "nuxt": "^3.12.4",
     "sass": "^1.69.5",
     "vite-plugin-vuetify": "^2.0.1",
     "vue": "^3.3.8",

diff --git a/frontend/plugins/02.vuetify.ts b/frontend/plugins/02.vuetify.ts
@@ -22,11 +22,12 @@ export default defineNuxtPlugin((nuxtApp) => {
           colors: {
             'header-item': '#E0E0E0',
             'sub-item': '#EEEEEE',
-            header: '#3483c7',
+            header: '#1f6bad',
             category: '#CFD8DC',
             primary: '#424242',
+            exception: '#d1d1d1',
             secondary: '#ECEFF1',
-            [`status-${Status.SKIP}`]: '#E0E0E0',
+            [`status-${Status.SKIP}`]: '#9E9E9E',
             [`status-${Status.PASS}`]: '#43A047',
             [`status-${Status.WARN}`]: '#FB8C00',
             [`status-${Status.FAIL}`]: '#EF5350',
@@ -36,7 +37,7 @@ export default defineNuxtPlugin((nuxtApp) => {
             [`btn-${Status.WARN}`]: '#FB8C00',
             [`btn-${Status.FAIL}`]: '#EF5350',
             [`btn-${Status.ERROR}`]: '#950011',
-            [`severity-${Severity.INFO}`]: '#9E9E9E',
+            [`severity-${Severity.INFO}`]: '#039BE5',
             [`severity-${Severity.LOW}`]: '#2194F3',
             [`severity-${Severity.MEDIUM}`]: '#FB8A00',
             [`severity-${Severity.HIGH}`]: '#D32F2F',
@@ -51,9 +52,10 @@ export default defineNuxtPlugin((nuxtApp) => {
             header: '#215580',
             category: '#111111',
             primary: '#E0E0E0',
+            exception: '#616161',
             secondary: '#616161',
             info: '#01579B',
-            [`status-${Status.SKIP}`]: '#424242',
+            [`status-${Status.SKIP}`]: '#717171',
             [`status-${Status.PASS}`]: '#1B5E20',
             [`status-${Status.WARN}`]: '#FF6F00',
             [`status-${Status.FAIL}`]: '#D32F2F',