Ollama dark theme with Github BG color
Ollama Dark by Technocality
Details
AuthorTechnocality
LicenseNo License
Categoryollama
Created
Updated
Size2.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Adapted from dark ollama - high contrast
Source code
/* ==UserStyle==
@name Ollama Dark
@version 7-29-2024
@namespace https://userstyles.world/user/Technocality
@description Ollama dark theme with Github BG color
@author Technocality adapted from notmee12
==/UserStyle== */
@-moz-document url-prefix("https://ollama.com/") {
body,
main,
nav,
header,
div {
background-color: #0d1117;
}
img[alt="Ollama"],
img[alt="ollama logo"],
img.w-4.h-4 {
filter: invert(1);
}
h1,
h2,
p,
span,
a,
select,
strong,
th,
td,
li,
button,
#popup {
color: #e9e9e9 !important;
}
h3,
#text-xs,
div.text-neutral-500 {
color: #aaa !important;
}
footer,
input#search,
select,
a {
background: #0d1117 !important;
}
input {
color: #aaa
}
button {
background: transparent !important;
}
a[href="/download"] {
transition: 0.5s ease-in-out;
background-color: #0d1117 !important;
color: #e9e9e9 !important;
}
a[href="/download"]:hover {
background-color: #e9e9e9 !important;
color: #0d1117 !important;
}
span.rounded-md {
background-color: #bbeaf4;
color: #1b4160 !important;
}
span.rounded-full {
background-color: #552e00;
color: #ffd6a4 !important;
}
code,
pre {
background-color: #0d1117 !important;
color: #e9e9e9 !important;
font-family: monospace;
}
li::marker {
color: #e9e9e9 !important;
}
.mt-2 {
margin-top: 0;
padding-top: 0.5rem;
background-color: #0d1117;
}
div.px-4.py-3.bg-neutral-50.flex.justify-between.items-center.text-xs.text-neutral-900 {
background: #0d1117;
}
.space-y-1 {
visibility: hidden;
}
div.mt-2 {
border-radius: 0px;
}
label {
background: #0d1117 !important;
color: #e9e9e9 !important;
}
label img {
background: transparent !important;
}
div.my-2 {
background: #0d1117 !important;
}
div.py-2.px-4.space-y-2 {
background: transparent;
}
div.font-medium.text-neutral-800.text-sm.truncate {
color: #e9e9e9;
}
a.group.text-neutral-700.flex.px-4.py-2.text-sm.items-center.space-x-2.justify-between.w-full.bg-neutral-100 {
background-color: #eee1 !important;
}
a.group.text-neutral-700.flex.px-4.py-2.text-sm.items-center.space-x-2.justify-between.w-full.bg-neutral-100 div {
background-color: transparent;
}
svg {
color: #aaa
}
}
.text-neutral-800 {
color: #e9e9e9
}
.text-neutral-900 {
color: #e9e9e9 !important;
}
.bg-neutral-200 {
background-color: #e9e9e9
}
.text-gray-900 {
color: #e9e9e9
}
.bg-neutral-50 {
background-color: #000 !important
}