jcrabapple revised this gist . Go to revision
1 file changed, 6 insertions
kagi-catppuccin-mocha.css
| @@ -446,4 +446,10 @@ input[type="date"] { | |||
| 446 | 446 | } | |
| 447 | 447 | .dropdown .dd-list .inner-label:hover { | |
| 448 | 448 | color: var(--crust); | |
| 449 | + | } | |
| 450 | + | .k_ui_dropdown_data_list .list_items > div:hover { | |
| 451 | + | background-color: unset !important; | |
| 452 | + | color: unset !important; | |
| 453 | + | outline: none; | |
| 454 | + | text-decoration: none; | |
| 449 | 455 | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 12 insertions
kagi-catppuccin-mocha.css
| @@ -435,3 +435,15 @@ background: var(--primary-g-6); | |||
| 435 | 435 | .k_ui_toggle_switch.--mini .k_ui_toggle_switch_bar { | |
| 436 | 436 | --border-color: var(--primary-g-6); | |
| 437 | 437 | } | |
| 438 | + | input[type="date"] { | |
| 439 | + | color: var(--primary-600) !important; | |
| 440 | + | } | |
| 441 | + | .sidebar-filter-nav-form .sidebar-filter-nav > .filter-item .dd-list li:hover { | |
| 442 | + | color: unset !important; | |
| 443 | + | } | |
| 444 | + | .dropdown .dd-list .checked.inner-label:hover { | |
| 445 | + | color: var(--crust) !important; | |
| 446 | + | } | |
| 447 | + | .dropdown .dd-list .inner-label:hover { | |
| 448 | + | color: var(--crust); | |
| 449 | + | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 8 insertions
kagi-catppuccin-mocha.css
| @@ -427,3 +427,11 @@ padding-bottom: 10px; | |||
| 427 | 427 | ._0_copied_tooltip { | |
| 428 | 428 | left: -45px; | |
| 429 | 429 | } | |
| 430 | + | ||
| 431 | + | .k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar { | |
| 432 | + | background: var(--primary-g-6); | |
| 433 | + | } | |
| 434 | + | ||
| 435 | + | .k_ui_toggle_switch.--mini .k_ui_toggle_switch_bar { | |
| 436 | + | --border-color: var(--primary-g-6); | |
| 437 | + | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 56 insertions, 1 deletion
kagi-catppuccin-mocha.css
| @@ -257,10 +257,61 @@ div.sidebar-box { | |||
| 257 | 257 | } | |
| 258 | 258 | ||
| 259 | 259 | /* Media query for mobile devices */ | |
| 260 | - | @media (max-width: 767px) { /* Adjust the breakpoint (767px) as needed for your design */ | |
| 260 | + | @media (max-width: 767px) { | |
| 261 | 261 | .bg-p-50 { | |
| 262 | 262 | background-color: var(--surface0); /* Use a darker color on mobile */ | |
| 263 | 263 | } | |
| 264 | + | .landing-category-select .landing_cat_buttons > button.--active { | |
| 265 | + | align-items: center; | |
| 266 | + | border: 1px solid var(--primary-400); | |
| 267 | + | border-radius: 999px; | |
| 268 | + | color: var(--primary-500); | |
| 269 | + | display: flex; | |
| 270 | + | flex-shrink: 0; | |
| 271 | + | gap: 4px; | |
| 272 | + | padding: 8px 16px; | |
| 273 | + | background-color: var(--surface0); | |
| 274 | + | } | |
| 275 | + | ||
| 276 | + | .landing-category-select .landing_cat_buttons>button { | |
| 277 | + | border: none; | |
| 278 | + | color:var(--primary); | |
| 279 | + | font-size:.875rem; | |
| 280 | + | height:47px; | |
| 281 | + | margin:0; | |
| 282 | + | min-width:unset!important; | |
| 283 | + | padding:0 8px; | |
| 284 | + | position:relative | |
| 285 | + | } | |
| 286 | + | .landing-category-select .landing_cat_buttons>button.--active { | |
| 287 | + | font-weight:700; | |
| 288 | + | } | |
| 289 | + | .landing-category-select .landing_cat_buttons>button.n_se.--active, | |
| 290 | + | .landing-category-select .landing_cat_buttons>button.n_se:hover { | |
| 291 | + | border-bottom:2px solid var(--nav_n_ma_line) !important; | |
| 292 | + | } | |
| 293 | + | .landing-category-select .landing_cat_buttons>button.n_im.--active, | |
| 294 | + | .landing-category-select .landing_cat_buttons>button.n_im:hover { | |
| 295 | + | border-bottom:2px solid var(--nav_n_vi_line) !important; | |
| 296 | + | } | |
| 297 | + | .landing-category-select .landing_cat_buttons>button.n_vi.--active, | |
| 298 | + | .landing-category-select .landing_cat_buttons>button.n_vi:hover { | |
| 299 | + | border-bottom:2px solid var(--nav_n_vi_line) !important; | |
| 300 | + | } | |
| 301 | + | .landing-category-select .landing_cat_buttons>button.n_ne.--active, | |
| 302 | + | .landing-category-select .landing_cat_buttons>button.n_ne:hover { | |
| 303 | + | border-bottom:2px solid var(--nav_n_ne_line) !important; | |
| 304 | + | } | |
| 305 | + | .landing-category-select .landing_cat_buttons>button.n_ma.--active, | |
| 306 | + | .landing-category-select .landing_cat_buttons>button.n_ma:hover { | |
| 307 | + | border-bottom:2px solid var(--nav_n_ma_line) !important; | |
| 308 | + | } | |
| 309 | + | .landing_cat_buttons { | |
| 310 | + | border-bottom:none !important; | |
| 311 | + | display:flex; | |
| 312 | + | justify-content:space-between; | |
| 313 | + | width:100%; | |
| 314 | + | } | |
| 264 | 315 | } | |
| 265 | 316 | ||
| 266 | 317 | .dropdown .dd-list ._0_list_items li:hover { | |
| @@ -372,3 +423,7 @@ top: 85px; | |||
| 372 | 423 | .landing_cat_buttons { | |
| 373 | 424 | padding-bottom: 10px; | |
| 374 | 425 | } | |
| 426 | + | ||
| 427 | + | ._0_copied_tooltip { | |
| 428 | + | left: -45px; | |
| 429 | + | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 49 insertions, 1 deletion
kagi-catppuccin-mocha.css
| @@ -317,10 +317,58 @@ span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, . | |||
| 317 | 317 | background-color: var(--surface0); | |
| 318 | 318 | } | |
| 319 | 319 | ||
| 320 | + | .landing-category-select .landing_cat_buttons>button { | |
| 321 | + | border-bottom:2px solid transparent; | |
| 322 | + | color:var(--primary); | |
| 323 | + | font-size:.875rem; | |
| 324 | + | height:47px; | |
| 325 | + | margin:0; | |
| 326 | + | min-width:unset!important; | |
| 327 | + | padding:0 8px; | |
| 328 | + | position:relative | |
| 329 | + | } | |
| 330 | + | .landing-category-select .landing_cat_buttons>button.--active { | |
| 331 | + | font-weight:700 | |
| 332 | + | } | |
| 333 | + | .landing-category-select .landing_cat_buttons>button.n_se.--active, | |
| 334 | + | .landing-category-select .landing_cat_buttons>button.n_se:hover { | |
| 335 | + | border-bottom:2px solid var(--nav_n_ma_line) !important; | |
| 336 | + | } | |
| 337 | + | .landing-category-select .landing_cat_buttons>button.n_im.--active, | |
| 338 | + | .landing-category-select .landing_cat_buttons>button.n_im:hover { | |
| 339 | + | border-bottom:2px solid var(--nav_n_vi_line) !important; | |
| 340 | + | } | |
| 341 | + | .landing-category-select .landing_cat_buttons>button.n_vi.--active, | |
| 342 | + | .landing-category-select .landing_cat_buttons>button.n_vi:hover { | |
| 343 | + | border-bottom:2px solid var(--nav_n_vi_line) !important; | |
| 344 | + | } | |
| 345 | + | .landing-category-select .landing_cat_buttons>button.n_ne.--active, | |
| 346 | + | .landing-category-select .landing_cat_buttons>button.n_ne:hover { | |
| 347 | + | border-bottom:2px solid var(--nav_n_ne_line) !important; | |
| 348 | + | } | |
| 349 | + | .landing-category-select .landing_cat_buttons>button.n_ma.--active, | |
| 350 | + | .landing-category-select .landing_cat_buttons>button.n_ma:hover { | |
| 351 | + | border-bottom:2px solid var(--nav_n_ma_line) !important; | |
| 352 | + | } | |
| 353 | + | .landing_cat_buttons { | |
| 354 | + | border-bottom:1px solid var(--primary-200); | |
| 355 | + | display:flex; | |
| 356 | + | justify-content:space-between; | |
| 357 | + | width:100% | |
| 358 | + | } | |
| 359 | + | ||
| 320 | 360 | ._0_filters-clear-btn { | |
| 321 | 361 | color: var(--crust) !important; | |
| 322 | 362 | } | |
| 323 | 363 | ||
| 324 | 364 | ._0_filters-clear-btn i svg { | |
| 325 | 365 | color: var(--base) !important; | |
| 326 | - | } | |
| 366 | + | } | |
| 367 | + | ||
| 368 | + | #adv_search_btn:checked + #mainContent .search-form .landing-category-select { | |
| 369 | + | top: 85px; | |
| 370 | + | } | |
| 371 | + | ||
| 372 | + | .landing_cat_buttons { | |
| 373 | + | padding-bottom: 10px; | |
| 374 | + | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 1 insertion, 1 deletion
kagi-catppuccin-mocha.css
| @@ -285,7 +285,7 @@ span.domain { | |||
| 285 | 285 | border-radius: 3px; /* Optional: Add a slight border-radius */ | |
| 286 | 286 | } | |
| 287 | 287 | ||
| 288 | - | span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover, .promptOptionsSelector .custom-assistants li.option.focus, .widget-simple .__domain-name { | |
| 288 | + | span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover, .promptOptionsSelector .custom-assistants li.option.focus, .widget-simple .__domain-name, .bg-p-50 { | |
| 289 | 289 | background-color: var(--surface0) !important; | |
| 290 | 290 | } | |
| 291 | 291 | ||
jcrabapple revised this gist . Go to revision
1 file changed, 9 insertions, 1 deletion
kagi-catppuccin-mocha.css
| @@ -285,7 +285,7 @@ span.domain { | |||
| 285 | 285 | border-radius: 3px; /* Optional: Add a slight border-radius */ | |
| 286 | 286 | } | |
| 287 | 287 | ||
| 288 | - | span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover, .promptOptionsSelector .custom-assistants li.option.focus { | |
| 288 | + | span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover, .promptOptionsSelector .custom-assistants li.option.focus, .widget-simple .__domain-name { | |
| 289 | 289 | background-color: var(--surface0) !important; | |
| 290 | 290 | } | |
| 291 | 291 | ||
| @@ -315,4 +315,12 @@ span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, . | |||
| 315 | 315 | gap: 4px; | |
| 316 | 316 | padding: 8px 16px; | |
| 317 | 317 | background-color: var(--surface0); | |
| 318 | + | } | |
| 319 | + | ||
| 320 | + | ._0_filters-clear-btn { | |
| 321 | + | color: var(--crust) !important; | |
| 322 | + | } | |
| 323 | + | ||
| 324 | + | ._0_filters-clear-btn i svg { | |
| 325 | + | color: var(--base) !important; | |
| 318 | 326 | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 4 deletions
kagi-catppuccin-mocha.css
| @@ -315,8 +315,4 @@ span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, . | |||
| 315 | 315 | gap: 4px; | |
| 316 | 316 | padding: 8px 16px; | |
| 317 | 317 | background-color: var(--surface0); | |
| 318 | - | } | |
| 319 | - | ||
| 320 | - | .landing-category-select .landing_cat_buttons:hover { | |
| 321 | - | background-color: var(--surface1); | |
| 322 | 318 | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 16 insertions
kagi-catppuccin-mocha.css
| @@ -303,4 +303,20 @@ span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, . | |||
| 303 | 303 | ||
| 304 | 304 | #chat_box .chat_bubble .content sup:hover { | |
| 305 | 305 | background-color: var(--surface2); /* Slightly lighter on hover */ | |
| 306 | + | } | |
| 307 | + | ||
| 308 | + | .landing-category-select .landing_cat_buttons > button.--active { | |
| 309 | + | align-items: center; | |
| 310 | + | border: 1px solid var(--primary-400); | |
| 311 | + | border-radius: 999px; | |
| 312 | + | color: var(--primary-500); | |
| 313 | + | display: flex; | |
| 314 | + | flex-shrink: 0; | |
| 315 | + | gap: 4px; | |
| 316 | + | padding: 8px 16px; | |
| 317 | + | background-color: var(--surface0); | |
| 318 | + | } | |
| 319 | + | ||
| 320 | + | .landing-category-select .landing_cat_buttons:hover { | |
| 321 | + | background-color: var(--surface1); | |
| 306 | 322 | } | |
jcrabapple revised this gist . Go to revision
1 file changed, 1 insertion, 1 deletion
kagi-catppuccin-mocha.css
| @@ -285,7 +285,7 @@ span.domain { | |||
| 285 | 285 | border-radius: 3px; /* Optional: Add a slight border-radius */ | |
| 286 | 286 | } | |
| 287 | 287 | ||
| 288 | - | span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover { | |
| 288 | + | span.__domain-name, .prompt-options button:hover, .prompt-options label:hover, .promptOptionsSelector .custom-assistants li.option:hover, .promptOptionsSelector .default-assistants li.option.focus, .promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .custom-assistants span a:hover, .promptOptionsSelector .custom-assistants li.option.focus { | |
| 289 | 289 | background-color: var(--surface0) !important; | |
| 290 | 290 | } | |
| 291 | 291 | ||