From 3a5987414acfdaa953e358a751796246fd1d988f Mon Sep 17 00:00:00 2001 From: Rene Roscher Date: Mon, 13 Feb 2023 05:17:24 +0100 Subject: [PATCH 01/13] changed darkMode coloring to tw-zinc color --- .gitignore | 1 + resources/css/_scroll.scss | 23 +++++++++++++++++++++++ resources/css/app.scss | 15 +++++++++------ resources/views/_editor.blade.php | 2 +- resources/views/components/main.blade.php | 2 +- resources/views/components/nav.blade.php | 4 ++-- resources/views/layouts/app.blade.php | 2 +- tailwind.config.js | 3 --- 8 files changed, 38 insertions(+), 14 deletions(-) create mode 100644 resources/css/_scroll.scss diff --git a/.gitignore b/.gitignore index d692e89..1f8e272 100644 --- a/.gitignore +++ b/.gitignore @@ -9,3 +9,4 @@ .env .env.backup .phpunit.result.cache +.idea diff --git a/resources/css/_scroll.scss b/resources/css/_scroll.scss new file mode 100644 index 0000000..90e1b25 --- /dev/null +++ b/resources/css/_scroll.scss @@ -0,0 +1,23 @@ +.light { + *::-webkit-scrollbar { + width: 13px; + } + *::-webkit-scrollbar-track { + @apply bg-transparent; + } + *::-webkit-scrollbar-thumb { + @apply bg-gray-200/50 rounded-full border-solid border-white + } +} + +.dark { + *::-webkit-scrollbar { + width: 13px; + } + *::-webkit-scrollbar-track { + @apply bg-transparent; + } + *::-webkit-scrollbar-thumb { + @apply bg-zinc-800/50 rounded-full border-solid border-zinc-900 + } +} \ No newline at end of file diff --git a/resources/css/app.scss b/resources/css/app.scss index f2d816e..19317d2 100644 --- a/resources/css/app.scss +++ b/resources/css/app.scss @@ -1,19 +1,22 @@ @import 'https://github.com/tailwindcss/base'; +@import 'https://github.com/tailwindcss/components'; +@import 'https://github.com/tailwindcss/utilities'; +@import "https://github.com/scroll"; .light { @import 'https://github.com/highlight.js/styles/a11y-light'; + .hljs { + @apply bg-white; + } } .dark { @import 'https://github.com/highlight.js/styles/a11y-dark'; + .hljs { + @apply bg-zinc-900; + } } -@import 'https://github.com/tailwindcss/components'; -@import 'https://github.com/tailwindcss/utilities'; - -.hljs { - @apply bg-white; -} .hljs-ln td.hljs-ln-numbers { @apply text-gray-400 pr-3 inline-block w-full text-right; } diff --git a/resources/views/_editor.blade.php b/resources/views/_editor.blade.php index 52a9e14..1a776ec 100644 --- a/resources/views/_editor.blade.php +++ b/resources/views/_editor.blade.php @@ -1,6 +1,6 @@
diff --git a/resources/views/components/main.blade.php b/resources/views/components/main.blade.php index 658a947..7d35c40 100644 --- a/resources/views/components/main.blade.php +++ b/resources/views/components/main.blade.php @@ -1,6 +1,6 @@
-
+
Laravel.io diff --git a/resources/views/components/nav.blade.php b/resources/views/components/nav.blade.php index e926ee1..968e3d8 100644 --- a/resources/views/components/nav.blade.php +++ b/resources/views/components/nav.blade.php @@ -13,7 +13,7 @@ -
+