/* ============================================================ ROBIN XP themes — the chrome changes, the layout never does. Applied by setting data-theme on . ============================================================ */ /* ---------- Robinhood: black chrome, lime accents ---------- */ html[data-theme="robinhood"] body{background-color:#0a0a0a;} html[data-theme="robinhood"] .window{border-color:#2a2a2a;background:#15171a;} html[data-theme="robinhood"] .titlebar{ background:linear-gradient(180deg,#1c1c1c 0%,#141414 45%,#0b0b0b 100%); border-bottom:1px solid #ccff00; } html[data-theme="robinhood"] .window.inactive .titlebar{background:linear-gradient(180deg,#242424,#171717);} html[data-theme="robinhood"] .tb-title{color:#ccff00;} html[data-theme="robinhood"] .tb-btn{background:linear-gradient(180deg,#3a3a3a,#222);border-color:#4a4a4a;} html[data-theme="robinhood"] .tb-btn.close{background:linear-gradient(180deg,#e4602f,#b52a05);} html[data-theme="robinhood"] .menubar, html[data-theme="robinhood"] .toolbar, html[data-theme="robinhood"] .addressbar{background:linear-gradient(180deg,#1e2024,#16181b);border-bottom-color:#2c2f34;color:#d8dbd2;} html[data-theme="robinhood"] .menubar span, html[data-theme="robinhood"] .xp-toolbtn, html[data-theme="robinhood"] label.tb-label{color:#cfd4c6;} html[data-theme="robinhood"] .xp-toolbtn:hover{background:#262a2e;border-color:#3d444a;} html[data-theme="robinhood"] select.xp-select, html[data-theme="robinhood"] input.xp-input, html[data-theme="robinhood"] .addr-field{background:#101214;color:#e6e9e0;border-color:#3a3f45;} html[data-theme="robinhood"] .content, html[data-theme="robinhood"] .window-body, html[data-theme="robinhood"] .content-scroll{background:#15171a;} html[data-theme="robinhood"] table.details thead th{background:linear-gradient(180deg,#22262b,#191c20);color:#cfd4c6;border-color:#2c3037;} html[data-theme="robinhood"] table.details tbody tr{color:#dfe3d8;} html[data-theme="robinhood"] table.details tbody tr:nth-child(even){background:#181b1f;} html[data-theme="robinhood"] table.details tbody tr:hover{background:#1f2429;} html[data-theme="robinhood"] table.details td{border-bottom-color:#22262b;} html[data-theme="robinhood"] .alpha-card{background:#15171a;border-bottom-color:#23262b;color:#dfe3d8;} html[data-theme="robinhood"] .alpha-card:nth-child(even){background:#181b1f;} html[data-theme="robinhood"] .alpha-card:hover{background:#1e2227;} html[data-theme="robinhood"] .stage-table{background:#12151a;} html[data-theme="robinhood"] .stage-table td{border-bottom-color:#22262b;color:#cdd2c6;} html[data-theme="robinhood"] .stage-table th{color:#8f958a;border-bottom-color:#2c3037;} html[data-theme="robinhood"] .hot-row{background:#15171a;color:#dfe3d8;border-bottom-color:#23262b;} html[data-theme="robinhood"] .hot-row:nth-child(even){background:#181b1f;} html[data-theme="robinhood"] .hot-row:hover{background:#1e2227;} html[data-theme="robinhood"] .taskpane, html[data-theme="robinhood"] .alpha-side{background:linear-gradient(180deg,#101214,#0b0d0f);} html[data-theme="robinhood"] .tp-group{background:#191c20;} html[data-theme="robinhood"] .tp-head{background:linear-gradient(180deg,#22262b,#191c20);color:#ccff00;border-bottom-color:#2c3037;} html[data-theme="robinhood"] .tp-link,html[data-theme="robinhood"] .tp-row{color:#cfd4c6;} html[data-theme="robinhood"] .tp-note,html[data-theme="robinhood"] .dim{color:#8f958a;} html[data-theme="robinhood"] .statusbar{background:#12151a;border-top-color:#2a2e33;} html[data-theme="robinhood"] .sb-pane{color:#c8cdbf;border-right-color:#23272c;box-shadow:none;} html[data-theme="robinhood"] .taskbar{background:linear-gradient(180deg,#141414 0%,#0a0a0a 100%);border-top-color:#ccff00;} html[data-theme="robinhood"] .task-item{background:linear-gradient(180deg,#242424,#161616);} html[data-theme="robinhood"] .task-item.active{background:linear-gradient(180deg,#0f0f0f,#1d1d1d);color:#ccff00;} html[data-theme="robinhood"] .tray{background:linear-gradient(180deg,#191919,#0e0e0e);border-left-color:#2a2a2a;} html[data-theme="robinhood"] .quick-launch{border-right-color:#2f2f2f;} html[data-theme="robinhood"] .pad,html[data-theme="robinhood"] .groupbox{background:#15171a;color:#dfe3d8;border-color:#2a2e33;} html[data-theme="robinhood"] .gb-title{color:#ccff00;border-bottom-color:#2a2e33;} html[data-theme="robinhood"] .kv .k{color:#9aa08f;} html[data-theme="robinhood"] .stat-tile{background:#101316;border-color:#2a2e33;} html[data-theme="robinhood"] .stat-tile .k{color:#8f958a;} html[data-theme="robinhood"] .xp-button{background:linear-gradient(180deg,#2a2e33,#1b1e22);border-color:#3d434a;color:#e2e6da;} html[data-theme="robinhood"] .xp-button.primary{background:linear-gradient(180deg,#ccff00,#a8dd00);color:#12240a;border-color:#8fb300;} html[data-theme="robinhood"] .tabs .tab{background:linear-gradient(180deg,#22262b,#181b1f);border-color:#2c3037;color:#cfd4c6;} html[data-theme="robinhood"] .tabs .tab.active{background:#15171a;color:#ccff00;} html[data-theme="robinhood"] .tab-panel{background:#15171a;border-color:#2c3037;box-shadow:none;} html[data-theme="robinhood"] .logbox,html[data-theme="robinhood"] .formula,html[data-theme="robinhood"] .desc-box{background:#101316;border-color:#2a2e33;color:#dfe3d8;} html[data-theme="robinhood"] .log-line{border-bottom-color:#1e2226;} html[data-theme="robinhood"] .info-box{background:#12212b;border-color:#24475c;color:#cfe3ee;} html[data-theme="robinhood"] .xp-progress,html[data-theme="robinhood"] .mp-bar{background:#0c0e11;border-color:#3a3f45;} html[data-theme="robinhood"] .desk-icon span{text-shadow:1px 1px 3px #000;} html[data-theme="robinhood"] .why{background:#1c2a10;border-color:#3f5c18;color:#c6ec7a;} html[data-theme="robinhood"] .chip{background:#22262b;border-color:#3a3f45;color:#b8bdb2;} html[data-theme="robinhood"] .more-note{background:#101316;color:#8f958a;border-top-color:#23262b;} /* ---------- Silver: the other XP skin ---------- */ html[data-theme="silver"] .titlebar{ background:linear-gradient(180deg,#f0f0f4 0%,#d9d9e2 8%,#b8b8c6 40%,#a9a9b8 60%,#c9c9d6 100%); } html[data-theme="silver"] .tb-title{color:#1a1a24;text-shadow:none;} html[data-theme="silver"] .window{border-color:#8f8f9e;} html[data-theme="silver"] .window.inactive .titlebar{background:linear-gradient(180deg,#f6f6f9,#dcdce4);} html[data-theme="silver"] .window.inactive .tb-title{color:#5a5a68;} html[data-theme="silver"] .tb-btn{background:linear-gradient(180deg,#f7f7fa,#c9c9d6);color:#22222c;border-color:#fff;} html[data-theme="silver"] .tb-btn.close{background:linear-gradient(180deg,#f79d84,#cf3f13);color:#fff;} html[data-theme="silver"] .taskbar{background:linear-gradient(180deg,#e8e8ee 0%,#c9c9d6 12%,#b4b4c4 60%,#9d9dae 100%);border-top-color:#8f8f9e;} html[data-theme="silver"] .task-item{background:linear-gradient(180deg,#f4f4f8,#d2d2de);color:#1e1e28;box-shadow:inset 1px 1px 1px #fff;} html[data-theme="silver"] .task-item.active{background:linear-gradient(180deg,#c4c4d2,#e6e6ee);} html[data-theme="silver"] .tray{background:linear-gradient(180deg,#dcdce6,#bcbcca);color:#20202a;border-left-color:#9d9dae;} html[data-theme="silver"] .tray .clock{text-shadow:none;color:#20202a;} html[data-theme="silver"] .tray .tray-icon{color:#33333f;} html[data-theme="silver"] .taskpane,html[data-theme="silver"] .alpha-side{background:linear-gradient(180deg,#d8d8e2,#b9b9c8);} html[data-theme="silver"] .tp-head{color:#33334a;} html[data-theme="silver"] .quick-launch{border-right-color:rgba(0,0,0,.2);box-shadow:1px 0 0 rgba(255,255,255,.5);} /* ---------- Terminal: for dark rooms and projectors ---------- */ html[data-theme="terminal"] body{background-color:#04070a;} html[data-theme="terminal"] .window{background:#071018;border-color:#12331f;} html[data-theme="terminal"] .titlebar{background:linear-gradient(180deg,#0d2a18,#071a10);border-bottom:1px solid #1e8f3c;} html[data-theme="terminal"] .tb-title{color:#7dff9b;} html[data-theme="terminal"] .tb-btn{background:linear-gradient(180deg,#12351f,#08170f);border-color:#1e8f3c;} html[data-theme="terminal"] .menubar,html[data-theme="terminal"] .toolbar,html[data-theme="terminal"] .addressbar{ background:#08131b;border-bottom-color:#123322;color:#9ff5b5;} html[data-theme="terminal"] .menubar span,html[data-theme="terminal"] .xp-toolbtn,html[data-theme="terminal"] label.tb-label{color:#8fe8a8;} html[data-theme="terminal"] select.xp-select,html[data-theme="terminal"] input.xp-input,html[data-theme="terminal"] .addr-field{ background:#040d13;color:#b9f3c8;border-color:#1e8f3c;} html[data-theme="terminal"] .content,html[data-theme="terminal"] .window-body,html[data-theme="terminal"] .content-scroll{background:#050d13;} html[data-theme="terminal"] table.details thead th{background:#0a1a22;color:#8fe8a8;border-color:#123322;} html[data-theme="terminal"] table.details tbody tr{color:#b9f3c8;} html[data-theme="terminal"] table.details tbody tr:nth-child(even){background:#071219;} html[data-theme="terminal"] table.details tbody tr:hover{background:#0c1f2a;} html[data-theme="terminal"] table.details td{border-bottom-color:#0e2029;} html[data-theme="terminal"] .alpha-card,html[data-theme="terminal"] .hot-row{background:#050d13;color:#b9f3c8;border-bottom-color:#0e2029;} html[data-theme="terminal"] .alpha-card:nth-child(even),html[data-theme="terminal"] .hot-row:nth-child(even){background:#071219;} html[data-theme="terminal"] .stage-table{background:#040a0f;} html[data-theme="terminal"] .stage-table td{border-bottom-color:#0e2029;color:#9be0ad;} html[data-theme="terminal"] .taskpane,html[data-theme="terminal"] .alpha-side{background:linear-gradient(180deg,#07131a,#040b10);} html[data-theme="terminal"] .tp-group{background:#08151d;} html[data-theme="terminal"] .tp-head{background:#0a1a22;color:#7dff9b;border-bottom-color:#123322;} html[data-theme="terminal"] .tp-link,html[data-theme="terminal"] .tp-row{color:#9be0ad;} html[data-theme="terminal"] .tp-note,html[data-theme="terminal"] .dim{color:#6f9c7d;} html[data-theme="terminal"] .statusbar{background:#07131a;border-top-color:#123322;} html[data-theme="terminal"] .sb-pane{color:#8fe8a8;border-right-color:#0e2029;box-shadow:none;} html[data-theme="terminal"] .taskbar{background:linear-gradient(180deg,#0a1f14,#05110b);border-top-color:#1e8f3c;} html[data-theme="terminal"] .task-item{background:linear-gradient(180deg,#0e2a1a,#081a10);color:#9ff5b5;} html[data-theme="terminal"] .task-item.active{background:linear-gradient(180deg,#061109,#12351f);color:#7dff9b;} html[data-theme="terminal"] .tray{background:linear-gradient(180deg,#0b2214,#06120b);border-left-color:#123322;} html[data-theme="terminal"] .pad,html[data-theme="terminal"] .groupbox{background:#061018;color:#b9f3c8;border-color:#123322;} html[data-theme="terminal"] .gb-title{color:#7dff9b;border-bottom-color:#123322;} html[data-theme="terminal"] .kv .k{color:#6f9c7d;} html[data-theme="terminal"] .stat-tile{background:#040d13;border-color:#123322;} html[data-theme="terminal"] .stat-tile .k{color:#6f9c7d;} html[data-theme="terminal"] .xp-button{background:linear-gradient(180deg,#0e2a1a,#08170f);border-color:#1e8f3c;color:#9ff5b5;} html[data-theme="terminal"] .xp-button.primary{background:linear-gradient(180deg,#1e8f3c,#0d5a24);color:#eaffef;} html[data-theme="terminal"] .tabs .tab{background:#08151d;border-color:#123322;color:#8fe8a8;} html[data-theme="terminal"] .tabs .tab.active{background:#061018;color:#7dff9b;} html[data-theme="terminal"] .tab-panel{background:#061018;border-color:#123322;box-shadow:none;} html[data-theme="terminal"] .logbox,html[data-theme="terminal"] .formula,html[data-theme="terminal"] .desc-box{background:#040d13;border-color:#123322;color:#b9f3c8;} html[data-theme="terminal"] .log-line{border-bottom-color:#0e2029;} html[data-theme="terminal"] .more-note{background:#040d13;color:#6f9c7d;border-top-color:#0e2029;} html[data-theme="terminal"] .why{background:#082014;border-color:#1e6b34;color:#8fe8a8;} html[data-theme="terminal"] .chip{background:#0a1a22;border-color:#123322;color:#8fe8a8;} html[data-theme="terminal"] .xp-progress,html[data-theme="terminal"] .mp-bar{background:#020608;border-color:#1e8f3c;} /* mobile shell follows the theme too */ html[data-theme="terminal"] #mobile-app{background:#050d13;color:#b9f3c8;} html[data-theme="terminal"] .m-card{background:#071219;border-color:#123322;} html[data-theme="terminal"] .m-tabs,html[data-theme="terminal"] .m-search{background:#061018;border-bottom-color:#123322;} html[data-theme="terminal"] .m-tabs button{color:#8fe8a8;} html[data-theme="terminal"] .m-tabs button.sel{color:#7dff9b;background:#0a1a22;} html[data-theme="terminal"] .m-search input{background:#040d13;border-color:#1e8f3c;color:#b9f3c8;} html[data-theme="terminal"] .m-btn{background:#0a1a22;border-color:#1e8f3c;color:#9ff5b5;} html[data-theme="terminal"] .m-sub b,html[data-theme="terminal"] .m-grid b{color:#d6ffe1;} html[data-theme="robinhood"] #mobile-app{background:#101214;color:#dfe3d8;} html[data-theme="robinhood"] .m-card{background:#181b1f;border-color:#2a2e33;} html[data-theme="robinhood"] .m-tabs,html[data-theme="robinhood"] .m-search{background:#15171a;border-bottom-color:#2a2e33;} html[data-theme="robinhood"] .m-tabs button{color:#b8bdb2;} html[data-theme="robinhood"] .m-tabs button.sel{color:#ccff00;background:#1c2024;} html[data-theme="robinhood"] .m-search input{background:#101214;border-color:#3a3f45;color:#e6e9e0;} html[data-theme="robinhood"] .m-btn{background:#22262b;border-color:#3a3f45;color:#e2e6da;} html[data-theme="robinhood"] .m-sub b,html[data-theme="robinhood"] .m-grid b{color:#fff;} .theme-swatch{width:52px;height:32px;border:1px solid #8a8778;flex-shrink:0;} .th-xp{background:linear-gradient(180deg,#0058ee 0%,#0054e3 45%,#7ba4db 46%,#ece9d8 100%);} .th-robinhood{background:linear-gradient(180deg,#141414 0%,#0b0b0b 45%,#ccff00 47%,#15171a 100%);} .th-silver{background:linear-gradient(180deg,#f0f0f4 0%,#a9a9b8 45%,#d8d8e2 46%,#ece9d8 100%);} .th-terminal{background:linear-gradient(180deg,#0d2a18 0%,#071a10 45%,#1e8f3c 47%,#050d13 100%);}