+
{{ secret.name }}
{{ event }}
diff --git a/web/src/components/tabs/Tabs.vue b/web/src/components/tabs/Tabs.vue
index 1ea49f724..0688ec505 100644
--- a/web/src/components/tabs/Tabs.vue
+++ b/web/src/components/tabs/Tabs.vue
@@ -11,9 +11,9 @@
flex
cursor-pointer
md:border-b-2
- text-gray-500
+ text-color
hover:text-gray-700
- dark:text-gray-500 dark:hover:text-gray-400
+ dark:hover:text-gray-400
items-center
"
:class="{
diff --git a/web/src/main.ts b/web/src/main.ts
index c46ad3b72..5f7e47629 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -1,6 +1,7 @@
import 'windi.css';
import 'floating-vue/dist/style.css'; // eslint-disable-line no-restricted-imports
import '~/compositions/useFavicon';
+import '~/style.css';
import { createPinia } from 'pinia';
import { createApp } from 'vue';
diff --git a/web/src/style.css b/web/src/style.css
new file mode 100644
index 000000000..720d6e9e9
--- /dev/null
+++ b/web/src/style.css
@@ -0,0 +1,52 @@
+html,
+body,
+#app {
+ width: 100%;
+ height: 100%;
+}
+
+.vue-notification {
+ @apply rounded-md text-base border-l-6;
+}
+
+.vue-notification .notification-title {
+ @apply font-normal;
+}
+
+.vue-notification.success {
+ @apply bg-lime-600 border-l-lime-700;
+}
+
+.vue-notification.error {
+ @apply bg-red-600 border-l-red-700;
+}
+
+*::-webkit-scrollbar {
+ @apply bg-transparent w-12px h-12px;
+}
+
+* {
+ scrollbar-width: thin;
+}
+
+*::-webkit-scrollbar-thumb {
+ transition: background 0.2s ease-in-out;
+ border: 3px solid transparent;
+ @apply bg-cool-gray-200 dark:bg-dark-200 rounded-full bg-clip-content;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+ @apply bg-cool-gray-300 dark:bg-dark-100;
+}
+
+*::-webkit-scrollbar-corner {
+ @apply bg-transparent;
+}
+
+.text-color {
+ @apply text-gray-600 dark:text-gray-400 placeholder-gray-400 dark:placeholder-gray-500;
+}
+
+.text-color-alt {
+ @apply text-gray-500 dark:text-gray-500;
+}
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 25ca84039..275573d48 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -19,7 +19,7 @@
-
{{ $t('welcome') }}
+ {{ $t('welcome') }}
diff --git a/web/src/views/RepoAdd.vue b/web/src/views/RepoAdd.vue
index 085c00935..d14c92406 100644
--- a/web/src/views/RepoAdd.vue
+++ b/web/src/views/RepoAdd.vue
@@ -2,7 +2,7 @@
diff --git a/web/src/views/ReposOwner.vue b/web/src/views/ReposOwner.vue
index b7c2267ec..e6cfd9e77 100644
--- a/web/src/views/ReposOwner.vue
+++ b/web/src/views/ReposOwner.vue
@@ -1,7 +1,7 @@