File size: 1,823 Bytes
718aa48 b5c27b5 718aa48 b5c27b5 718aa48 49124bc b5c27b5 49124bc b5c27b5 49124bc b5c27b5 49124bc b5c27b5 49124bc b5c27b5 49124bc |
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 |
/* 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(--fg0);
font-weight: 600;
font-size: 1rem;
letter-spacing: 0.25px;
transition: background-color 0.3s;
}
button:hover {
background-color: var(--purple) !important;
}
/* === Custom Scrollbars for Gruvbox === */
.options::-webkit-scrollbar {
width: 8px;
}
.options::-webkit-scrollbar-track {
background: #1d2021 !important;
}
.options::-webkit-scrollbar-thumb {
background-color: #665c54 !important;
border-radius: 4px;
border: 2px solid #1d2021;
}
.options {
background-color: #282828 !important;
background-image: none !important;
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 #1d2021;
}
/* Smooth hover effect for model options */
.options div:hover {
background-color: #458588 !important; /* Gruvbox blue-green hover */
color: #fbf1c7 !important; /* Gruvbox light text */
font-weight: 500;
}
|