From 932434ff59e04a649f996011ef77bca0886b2678 Mon Sep 17 00:00:00 2001 From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com> Date: Tue, 8 Oct 2024 14:35:27 -0500 Subject: [PATCH] Update theme --- app.vue | 132 ++++++++++++++++++ components/Card.vue | 5 + layouts/default.vue | 272 +++++++++++++++++--------------------- nuxt.config.ts | 6 +- pages/index.vue | 4 +- public/css/app.css | 143 -------------------- public/img/background.jpg | Bin 0 -> 365718 bytes 7 files changed, 264 insertions(+), 298 deletions(-) create mode 100644 components/Card.vue delete mode 100644 public/css/app.css create mode 100644 public/img/background.jpg diff --git a/app.vue b/app.vue index 562bc89..dd0d0a8 100644 --- a/app.vue +++ b/app.vue @@ -32,4 +32,136 @@ AOS.init(); .layout-leave-to { transform: translateX(-100%); } + +* { + color: white; +} + +html { + font-size: 14px; + + background-image: none; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + background-position: center; + min-height: 100%; + + position: relative; + z-index: 0; +} + +html::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; +} + +body { + position: relative; + background-color: transparent; + z-index: 10; +} + +@media (min-width: 768px) { + html { + font-size: 16px; + } +} + +.btn:focus, +.btn:active:focus, +.btn-link.nav-link:focus, +.form-control:focus, +.form-check-input:focus, +a:focus-visible { + box-shadow: 0.05rem 0.05rem 0.375rem 0.1rem rgba(255, 255, 255, 0.744) !important; + outline: none; +} + +svg { + filter: invert(100%); +} + +table { + background-color: #0004 !important; +} + +thead, tbody, th, td { + background-color: transparent !important; +} + +table > tbody > tr:nth-of-type(2n+1) > * { + background-color: #0004 !important; +} + +table > tbody > tr:hover > * { + background-color: #0008 !important; +} + +ul.dropdown-menu { + background: transparent; + backdrop-filter: blur(0.4rem); +} + +.dropdown-menu { + width: 200px; +} + +.background { + height: 100%; + width: 100%; + + position: absolute; +} + +.background-screen { + background-color: #0008; + z-index: -1; +} + +.bg-screen { + background-color: #0004 !important; +} + +.background-transparent { + background-color: transparent; + z-index: -1; +} + +.background-blur { + backdrop-filter: blur(0.2rem); +} + +.bg-blur { + backdrop-filter: blur(0.2rem); +} + +.background-blur-2 { + backdrop-filter: blur(0.4rem); +} + +.bg-blur-2 { + backdrop-filter: blur(0.4rem); +} + +.bg-blur-3 { + backdrop-filter: blur(0.6rem); +} + +.bg-blur-4 { + backdrop-filter: blur(0.8rem); +} + +.z-index--10 { + z-index: -10; +} + +.z-index-10 { + z-index: 10; +} diff --git a/components/Card.vue b/components/Card.vue new file mode 100644 index 0000000..a7b3d40 --- /dev/null +++ b/components/Card.vue @@ -0,0 +1,5 @@ + \ No newline at end of file diff --git a/layouts/default.vue b/layouts/default.vue index fb837b7..d23625e 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -1,116 +1,115 @@ - -