| ... | @@ -13,6 +13,13 @@ | ... | @@ -13,6 +13,13 @@ |
| 13 | --bg-color: #ffffff; | 13 | --bg-color: #ffffff; |
| 14 | --link-color: #2A6286; | 14 | --link-color: #2A6286; |
| 15 | --sidebar-sh-color: rgba(0, 0, 0, 0.09); | 15 | --sidebar-sh-color: rgba(0, 0, 0, 0.09); |
| | 16 | --sidebar-pkg-bg-color: #f1f1f1; |
| | 17 | --sidebar-pkglnk-tx-color: #141414; |
| | 18 | --sidebar-pkglnk-tx-color-hover: #fff; |
| | 19 | --sidebar-pkglnk-tx-color-active: #000; |
| | 20 | --sidebar-pkglnk-bg-color: transparent; |
| | 21 | --sidebar-pkglnk-bg-color-hover: #555; |
| | 22 | --sidebar-pkglnk-bg-color-active: #FFBB4D; |
| 16 | --search-bg-color: #f3f3f3; | 23 | --search-bg-color: #f3f3f3; |
| 17 | --search-bg-color-focus: #ffffff; | 24 | --search-bg-color-focus: #ffffff; |
| 18 | --search-sh-color: rgba(0, 0, 0, 0.18); | 25 | --search-sh-color: rgba(0, 0, 0, 0.18); |
| ... | @@ -118,24 +125,25 @@ | ... | @@ -118,24 +125,25 @@ |
| 118 | list-style-type: none; | 125 | list-style-type: none; |
| 119 | margin: 0; | 126 | margin: 0; |
| 120 | padding: 0; | 127 | padding: 0; |
| 121 | background-color: #f1f1f1; | 128 | background-color: var(--sidebar-pkg-bg-color); |
| 122 | } | 129 | } |
| 123 | | 130 | |
| 124 | .sidebar .packages > li > a { | 131 | .sidebar .packages > li > a { |
| 125 | display: block; | 132 | display: block; |
| 126 | padding: 0.5rem 1rem; | 133 | padding: 0.5rem 1rem; |
| 127 | color: var(--tx-color); | 134 | color: var(--sidebar-pkglnk-tx-color); |
| | 135 | background-color: var(--sidebar-pkglnk-bg-color); |
| 128 | text-decoration: none; | 136 | text-decoration: none; |
| 129 | } | 137 | } |
| 130 | | 138 | |
| 131 | .sidebar .packages > li > a:hover { | 139 | .sidebar .packages > li > a:hover { |
| 132 | color: #fff; | 140 | color: var(--sidebar-pkglnk-tx-color-hover); |
| 133 | background-color: #555; | 141 | background-color: var(--sidebar-pkglnk-bg-color-hover); |
| 134 | } | 142 | } |
| 135 | | 143 | |
| 136 | .sidebar .packages > li > a.active { | 144 | .sidebar .packages > li > a.active { |
| 137 | color: #000; | 145 | color: var(--sidebar-pkglnk-tx-color-active); |
| 138 | background-color: #FFBB4D; | 146 | background-color: var(--sidebar-pkglnk-bg-color-active); |
| 139 | } | 147 | } |
| 140 | | 148 | |
| 141 | .sidebar p.str { | 149 | .sidebar p.str { |
| ... | @@ -367,6 +375,13 @@ | ... | @@ -367,6 +375,13 @@ |
| 367 | --bg-color: #111; | 375 | --bg-color: #111; |
| 368 | --link-color: #88f; | 376 | --link-color: #88f; |
| 369 | --sidebar-sh-color: rgba(128, 128, 128, 0.09); | 377 | --sidebar-sh-color: rgba(128, 128, 128, 0.09); |
| | 378 | --sidebar-pkg-bg-color: #333; |
| | 379 | --sidebar-pkglnk-tx-color: #fff; |
| | 380 | --sidebar-pkglnk-tx-color-hover: #fff; |
| | 381 | --sidebar-pkglnk-tx-color-active: #000; |
| | 382 | --sidebar-pkglnk-bg-color: transparent; |
| | 383 | --sidebar-pkglnk-bg-color-hover: #555; |
| | 384 | --sidebar-pkglnk-bg-color-active: #FFBB4D; |
| 370 | --search-bg-color: #3c3c3c; | 385 | --search-bg-color: #3c3c3c; |
| 371 | --search-bg-color-focus: #000; | 386 | --search-bg-color-focus: #000; |
| 372 | --search-sh-color: rgba(255, 255, 255, 0.28); | 387 | --search-sh-color: rgba(255, 255, 255, 0.28); |
| ... | @@ -390,20 +405,6 @@ | ... | @@ -390,20 +405,6 @@ |
| 390 | background-color: #FFBB4D; | 405 | background-color: #FFBB4D; |
| 391 | color: #000; | 406 | color: #000; |
| 392 | } | 407 | } |
| 393 | #listPkgs { | | |
| 394 | background-color: #333; | | |
| 395 | } | | |
| 396 | #listPkgs li a { | | |
| 397 | color: #fff; | | |
| 398 | } | | |
| 399 | #listPkgs li a:hover { | | |
| 400 | background-color: #555; | | |
| 401 | color: #fff; | | |
| 402 | } | | |
| 403 | #listPkgs li a.active { | | |
| 404 | background-color: #FFBB4D; | | |
| 405 | color: #000; | | |
| 406 | } | | |
| 407 | #listSearchResults li.selected { | 408 | #listSearchResults li.selected { |
| 408 | background-color: #000; | 409 | background-color: #000; |
| 409 | } | 410 | } |