html[data-cyxy-theme-preset="deep-ocean-glass"] {
    --cyxy-theme-bg: #0a1728;
    --cyxy-theme-bg-secondary: #10283f;
    --cyxy-theme-nav: #071626;
    --cyxy-theme-sidebar: #0b1b2d;
    --cyxy-theme-sidebar-text: #f6fbff;
    --cyxy-theme-panel: rgba(15, 36, 60, .98);
    --cyxy-theme-panel-secondary: rgba(22, 48, 78, .98);
    --cyxy-theme-border: rgba(104, 165, 255, .34);
    --cyxy-theme-border-strong: rgba(116, 188, 255, .56);
    --cyxy-theme-primary: #4f8df7;
    --cyxy-theme-accent: #31d4e8;
    --cyxy-theme-text: #f6fbff;
    --cyxy-theme-muted: #bfd0e4;
    --cyxy-theme-input: rgba(10, 30, 52, .98);
    --cyxy-theme-shadow: 0 16px 34px rgba(0, 0, 0, .24);
    --cyxy-theme-overlay: rgba(3, 12, 24, .58);
}

html[data-cyxy-theme-preset="deep-ocean-glass"] body {
    background-image:
        linear-gradient(rgba(69,145,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(69,145,255,.045) 1px, transparent 1px),
        radial-gradient(circle at 18% 0%, rgba(34,211,238,.12), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(124,108,255,.11), transparent 30%);
    background-size: 32px 32px, 32px 32px, auto, auto;
}

html[data-cyxy-theme-preset="deep-ocean-glass"] .table > tbody > tr > td,
html[data-cyxy-theme-preset="deep-ocean-glass"] .fixed-table-container tbody td {
    color: #edf6ff;
}

html[data-cyxy-theme-preset="deep-ocean-glass"] .text-muted,
html[data-cyxy-theme-preset="deep-ocean-glass"] .help-block {
    color: var(--cyxy-theme-muted) !important;
}

html[data-cyxy-theme-preset="deep-ocean-glass"] .main-header .navbar {
    box-shadow: inset 0 -1px 0 rgba(34,211,238,.28), 0 8px 22px rgba(0,0,0,.22);
}

html[data-cyxy-theme-preset="deep-ocean-glass"] .sidebar-menu > li.active > a,
html[data-cyxy-theme-preset="deep-ocean-glass"] .sidebar-menu > li:hover > a {
    border-left-color: #22d3ee;
    background: rgba(59, 130, 246, .18);
}

html[data-cyxy-theme-preset="deep-ocean-glass"] .box,
html[data-cyxy-theme-preset="deep-ocean-glass"] .panel {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.18);
}
