File size: 2,385 Bytes
718aa48 b5c27b5 5447bea b5c27b5 718aa48 5447bea 718aa48 b5c27b5 5447bea 718aa48 49124bc 5447bea 49124bc b5c27b5 49124bc 5447bea 49124bc b5c27b5 5447bea 49124bc 5447bea 49124bc 5447bea 49124bc 5447bea 49124bc 282cafb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 |
/* Gruvbox Material Theme: Light & Dark */
:root {
--bg0: #f2e5bc;
--bg1: #eddeb5;
--bg-statusline1: #ebdbb2;
--bg-statusline2: #ebdbb2;
--fg0: #654735;
--fg1: #4f3829;
--blue: #45707a;
--green: #6c782e;
--purple: #945e80;
--visual_green: #d7d9ae;
}
.dark {
--bg0: #32302f;
--bg1: #3c3836;
--bg-statusline1: #3c3836;
--bg-statusline2: #46413e;
--fg0: #d4be98;
--fg1: #ddc7a1;
--blue: #7daea3;
--green: #a9b665;
--purple: #d3869b;
--visual_green: #a9b665;
}
body {
background-color: var(--bg0);
color: var(--fg0);
}
input,
button,
#chatContainer {
background-color: var(--bg1);
color: var(--fg0);
}
input::placeholder {
color: var(--fg1);
}
button {
background-color: var(--blue) !important;
color: var(--fg1) !important;
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.25px;
transition: background-color 0.3s;
border: none;
}
button:hover {
background-color: var(--purple) !important;
color: var(--fg0) !important;
}
/* === Custom Dropdown Styles === */
.options {
background-color: var(--bg-statusline1) !important;
color: var(--fg0);
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: 0 4px 8px rgba(0,0,0,0.25) !important;
scrollbar-width: thin;
scrollbar-color: #665c54 var(--bg-statusline1);
border-radius: 0.5rem;
}
/* Scrollbar WebKit */
.options::-webkit-scrollbar {
width: 8px;
}
.options::-webkit-scrollbar-track {
background-color: var(--bg-statusline1) !important;
border-radius: 0.25rem;
}
.options::-webkit-scrollbar-thumb {
background-color: #665c54 !important;
border-radius: 4px;
border: 2px solid var(--bg-statusline1);
}
/* Scrollbar hover override */
.options::-webkit-scrollbar-thumb:hover {
background-color: #7c6f64 !important;
}
/* Option Hover State */
.options div:hover {
background-color: var(--blue) !important;
color: var(--fg1) !important;
font-weight: 600;
cursor: pointer;
}
/* Footer (Credits) */
footer {
margin-top: 1rem;
padding-top: 1rem;
font-size: 0.875rem;
color: var(--fg1);
opacity: 0.7;
}
/* Improve spacing under chat form */
form#chatForm {
margin-bottom: 0.5rem;
}
/* Improve padding inside the options dropdown */
.options div {
padding: 0.5rem 0.75rem;
}
|