From 3fb3a0242fa56cb04257a218df509961e914b15b Mon Sep 17 00:00:00 2001 From: Huzaifa Inam Date: Sat, 22 Aug 2026 21:25:27 +0000 Subject: [PATCH] Add theme_3d_systems/static/src/scss/theme.scss --- theme_3d_systems/static/src/scss/theme.scss | 146 ++++++++++++++++++++ 1 file changed, 146 insertions(+) create mode 100644 theme_3d_systems/static/src/scss/theme.scss diff --git a/theme_3d_systems/static/src/scss/theme.scss b/theme_3d_systems/static/src/scss/theme.scss new file mode 100644 index 0000000..28972be --- /dev/null +++ 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); + } + } +}