diff --git a/packages/nc-gui-v2/assets/style-v2.css b/packages/nc-gui-v2/assets/style-v2.css deleted file mode 100644 index 9aaecd717d..0000000000 --- a/packages/nc-gui-v2/assets/style-v2.css +++ /dev/null @@ -1,44 +0,0 @@ -html, -body, -#__nuxt, -.v-application__wrap { - @apply m-0 h-full w-full bg-white dark:(bg-black text-white); -} - -.v-main { - @apply w-full h-full; - overflow: hidden; - flex: unset !important; -} - -.v-main .v-main__wrap { - @apply flex-0 w-full relative scrollbar-thin-primary; - overflow-x: hidden; -} - -nav, -nav .v-list { - @apply dark:(bg-gray-900 text-white) -} - -.v-divider { - @apply dark:bg-white -} - -.page-enter-active, -.page-leave-active, -.layout-enter-active, -.layout-leave-active { - @apply transition-opacity duration-300 ease-in-out; -} - -.page-enter, -.page-leave-active, -.layout-enter, -.layout-leave-active { - @apply opacity-0; -} - -a { - @apply prose text-primary underline hover:opacity-75 dark:(text-secondary) hover:(opacity-75); -} \ No newline at end of file diff --git a/packages/nc-gui-v2/assets/style-v2.scss b/packages/nc-gui-v2/assets/style-v2.scss new file mode 100644 index 0000000000..0e87d5b66f --- /dev/null +++ b/packages/nc-gui-v2/assets/style-v2.scss @@ -0,0 +1,60 @@ +html, +body, +#__nuxt, +.v-application__wrap { + @apply color-transition m-0 h-full w-full bg-white dark:(bg-black text-white); +} + +a, button { + @apply color-transition; +} + +.v-main { + @apply w-full h-full; + overflow: hidden; + flex: unset !important; +} + +.v-main .v-main__wrap { + @apply flex-0 w-full relative scrollbar-thin-primary; + overflow-x: hidden; +} + +nav, +nav .v-list { + @apply color-transition dark:(bg-gray-900 text-white) +} + +.v-divider { + @apply dark:bg-white +} + +.page-enter-active, +.page-leave-active, +.layout-enter-active, +.layout-leave-active { + @apply transition-opacity duration-300 ease-in-out; +} + +.page-enter, +.page-leave-active, +.layout-enter, +.layout-leave-active { + @apply opacity-0; +} + +a { + @apply cursor-pointer prose text-primary underline hover:opacity-75 dark:(text-secondary) hover:(opacity-75); +} + +.v-field__field { + @apply bg-white dark:(!bg-gray-900 text-white); + + input { + @apply bg-white dark:(!bg-gray-700) !appearance-none my-1 border-1 border-solid border-primary/50 rounded; + } +} + +.nc-icon { + @apply color-transition; +} \ No newline at end of file