diff --git a/styles/ollama/catppuccin.user.css b/styles/ollama/catppuccin.user.css index f810a5656d..73e65039a3 100644 --- a/styles/ollama/catppuccin.user.css +++ b/styles/ollama/catppuccin.user.css @@ -100,56 +100,65 @@ } } + background-color: @base; + color: @text; + & when not (@lookup = latte) { img[src="/public/ollama.png"], img[src="https://ollama.com/public/assets/c889cc0d-cb83-4c46-a98e-0d0e273151b9/42f6b28d-9117-48cd-ac0d-44baaf5c178e.png"] { filter: @icon-filter; } } - // el-selectors + code, pre { background-color: @mantle; color: @text !important; } - main,section,strong ,h3,ul{ - color: @text !important; - } - .text-black * { + + main, + section, + strong, + h3, + ul, + button, + li, + li::marker { color: @text !important; } - button { - // background-color: @surface2; - color: @text; - } blockquote { color: @subtext0; } - li::marker { - color: @text !important; - } - li { - color: @text !important; - } a[class~=""] { color: @blue; } - - #query, #filter, #search { + + #query, + #filter, + #search { background-color: @mantle; color: @text; } - ul { - color: @text !important; + #readme, + #display, + #file-explorer { + color: @text; } - // text-colors - .text-black { - color: @text !important; + + .command { + color: @text; } - .prose-li\:text-black, .marker\:prose-ol\:text-black { + .truncate { + color: @text; + } + + /* Tailwind */ + + .text-black, + .prose-li\:text-black, + .marker\:prose-ol\:text-black { color: @text !important; } - .text-white { color: @text; } @@ -162,18 +171,14 @@ .text-yellow-900 { color: darken(@yellow, 30%); } - + .text-neutral-400, .text-neutral-500 { color: @subtext0; } - - .text-neutral-900, - .text-neutral-800 { + .text-neutral-800, + .text-neutral-900 { color: @subtext1 !important; } - .text-neutral-400 { - color: @subtext0; - } .text-indigo-600, .text-blue-500 { color: darken(@accent-color, 20%); @@ -182,47 +187,44 @@ color: darken(@accent-color, 25%); background-color: @accent-color; } - //bg-colors + .bg-neutral-100 pre, .bg-neutral-100 .command { background-color: unset !important; } + .bg-white { + background-color: @mantle; + } .bg-black { background-color: @surface0; } .bg-neutral-50 { background-color: @surface0; } + .bg-neutral-100, + .hover\:bg-neutral-100:hover { + background-color: @surface2 !important; + } + .bg-neutral-700, + .bg-neutral-800 { + background-color: @surface1; + } .bg-green-50 { background-color: @green; } .bg-yellow-50 { background-color: @yellow; } - - .bg-neutral-800, - .bg-neutral-700 { - background-color: @surface1; - } - .bg-neutral-100 { - background-color: @surface2 !important; - } - .hover\:bg-neutral-100:hover { - background-color: @surface2 !important; - } .bg-indigo-50 { background-color: @accent-color; } - .bg-white { - background-color: @mantle; + + .border { + border-color: @accent-color; } - // border-colors .divide-gray-200 > * + * { border-color: @accent-color !important; } - .border { - border-color: @accent-color; - } .divide-neutral-200 > * + * { border-color: @accent-color !important; } @@ -230,35 +232,12 @@ .border-neutral-300 { border-color: @accent-color !important; } - .ring-neutral-300 { - --tw-ring-color: @accent-color !important - ; - } - .ring-blue-300 { - --tw-ring-color: @accent-color !important - ; - } + + .ring-neutral-300, + .ring-blue-300, .focus\:ring-blue-300:focus { --tw-ring-color: @accent-color !important; } - //id-selectors - #readme, - #display, - #file-explorer { - color: @text !important; - } - - // class selectors - .command { - color: @text; - } - - .truncate { - color: @text; - } - // etc - background-color: @base; - color: @text; } }