feat: add Onyx theme

Author: starpit

plugins/plugin-codeflare/theme.json

@@ -5,6 +5,11 @@
       "css": ["themes/Mirage.scss"],
       "style": "dark"
     },
+    {
+      "name": "Onyx",
+      "css": ["themes/Onyx.scss"],
+      "style": "dark"
+    },
     {
       "name": "Tuatara",
       "css": ["themes/Tuatara.scss"],

plugins/plugin-codeflare/web/scss/themes/Onyx.scss

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2021 The Kubernetes Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import "fonts";
+@import "common";
+
+$Theme: Onyx;
+
+$fg: #ffffff;
+$fg3: #cbcbcb;
+$bg: #0e0e0e;
+$bg2: lighten($bg, 10%);
+$latency-0: #60b1aa;
+$latency-1: #c5e6e3;
+$latency-2: #c83b22;
+$latency-3: #f2bba3;
+$latency-4: #d76344;
+$latency-5: #929292;
+
+$color-red: $latency-2;
+$color-cyan: $latency-1;
+
+@include Theme($Theme);