Add theme_3d_systems/static/src/scss/theme.scss

2026-08-22 21:25:27 +00:00 · 2026-08-22 21:25:27 +00:00 · 3fb3a0242f
commit 3fb3a0242f
parent 13cfdd2ab5
1 changed files with 146 additions and 0 deletions
--- a/theme_3d_systems/static/src/scss/theme.scss
+++ b/theme_3d_systems/static/src/scss/theme.scss
@ -0,0 +1,146 @@
+// Global Theme Base for Odoo 19
+@import 'variables';
+@import 'mixins';
+
+body.theme-3d-systems-wrap,
+.theme-3d-systems-wrap {
+  font-family: $font-sans;
+  background-color: $theme-bg-darkest;
+  color: $text-light-base;
+  overflow-x: hidden;
+  letter-spacing: -0.01em;
+}
+
+h1, h2, h3, .h1, .h2, .h3, .display-1, .display-2, .display-3, .display-4 {
+  font-family: $font-display;
+  font-weight: 700;
+  color: $text-light-bright;
+  letter-spacing: -0.02em;
+}
+
+h4, h5, h6, .h4, .h5, .h6 {
+  font-family: $font-sans;
+  font-weight: 600;
+  color: $text-light-bright;
+}
+
+.text-gradient-cyan {
+  @include text-gradient($theme-cyan, $theme-blue);
+}
+
+.text-gradient-violet {
+  @include text-gradient($theme-blue, $theme-violet);
+}
+
+.text-light-muted {
+  color: $text-light-muted !important;
+}
+
+.bg-darker {
+  background-color: $theme-bg-darkest !important;
+}
+
+.bg-glass {
+  @include glass-panel;
+}
+
+.border-glass {
+  border-color: $glass-border !important;
+}
+
+// Brand Logo styling
+.brand-cube-icon {
+  width: 28px;
+  height: 28px;
+  background: linear-gradient(135deg, $theme-cyan 0%, $theme-blue 100%);
+  border-radius: 6px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 0 12px $theme-cyan-glow;
+
+  .cube-inner {
+    width: 12px;
+    height: 12px;
+    background: $theme-bg-darkest;
+    border-radius: 2px;
+    transform: rotate(45deg);
+  }
+}
+
+.brand-title {
+  letter-spacing: 0.08em;
+}
+
+// Glassmorphic Header Navbar
+.o_header_3d_glass {
+  background: rgba(6, 9, 16, 0.75) !important;
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  transition: $trans-smooth;
+
+  .nav-link {
+    font-size: 0.95rem;
+    padding: 0.5rem 1rem !important;
+    transition: $trans-smooth;
+    border-radius: 8px;
+
+    &:hover, &.active {
+      color: $theme-cyan !important;
+      background: rgba(0, 242, 254, 0.05);
+    }
+  }
+}
+
+// Footer styling
+.o_footer_3d_systems {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+
+  .footer-grid-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-image: 
+      linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
+      linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
+    background-size: 40px 40px;
+    pointer-events: none;
+  }
+
+  .footer-menu-list a {
+    color: $text-light-muted;
+    text-decoration: none;
+    font-size: 0.9rem;
+    line-height: 2;
+    transition: $trans-smooth;
+
+    &:hover {
+      color: $theme-cyan;
+      padding-left: 4px;
+    }
+  }
+
+  .social-icon {
+    width: 36px;
+    height: 36px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 0.05);
+    border: 1px solid $glass-border;
+    color: $text-light-muted;
+    text-decoration: none;
+    transition: $trans-smooth;
+
+    &:hover {
+      color: $theme-cyan;
+      background: rgba(0, 242, 254, 0.1);
+      border-color: $theme-cyan;
+      transform: translateY(-3px);
+    }
+  }
+}