0
Fork 0
mirror of https://projects.blender.org/infrastructure/gitea-custom.git synced 2024-12-22 07:13:09 -05:00

UI: small tweaks to theme

* Restore divide line below secondary nav bar, so that e.g. Issues is not in
  the same space as the per repository Issues.
* Make secondary nav bar slightly more compact.
* Restore colored owner/repository name since this is information worth
  highlighting to understand the context of what you're looking at.
* Slightly reduce contrast on divider lines.
* Fix inconsistent number pills styling on pull request page.
This commit is contained in:
Brecht Van Lommel 2023-01-29 16:50:44 +01:00
parent 73e4a3d525
commit 40e9b39cd9

View file

@ -85,7 +85,7 @@
--color-secondary-alpha-10: hsla(213, 12%, 30.6%, 0.1);
--color-secondary-alpha-20: hsla(213, 12%, 30.6%, 0.2);
--color-secondary-alpha-30: hsla(213, 12%, 30.6%, 0.3);
--color-secondary-alpha-40: hsla(213, 12%, 30.6%, 0);
--color-secondary-alpha-40: hsla(213, 12%, 30.6%, 0.4);
--color-secondary-alpha-50: hsla(213, 12%, 30.6%, 0.5);
--color-secondary-alpha-60: hsla(213, 12%, 30.6%, 0.6);
--color-secondary-alpha-70: hsla(213, 12%, 30.6%, 0.7);
@ -213,7 +213,7 @@
--color-project-board-bg: var(--color-secondary-light-2);
--color-caret: var(--color-text);
--color-border: var(--color-secondary-alpha-50);
--color-border: var(--color-secondary-alpha-40);
--color-reaction-bg: hsla(0, 0%, 100%, 0.1);
--color-reaction-active-bg: var(--color-primary-alpha-40);
@ -336,8 +336,12 @@ strong, b, h1, h2, h3, h4, h5, h6,
color: var(--color-primary-contrast);
}
.ui.tabular.menu {
border-color: var(--color-border);
}
/* Labels. e.g. issues count indicator in repo tabs. */
.ui.tabular.navbar .ui.small.label {
.ui.small.label {
background-color: var(--color-label-primary-bg) !important;
border-radius: 999em;
}
@ -345,7 +349,11 @@ strong, b, h1, h2, h3, h4, h5, h6,
/* Top navigation bar.
* e.g. Issues, Pull Requests, etc. */
.ui.menu.bar {
border: none;
border-color: var(--color-border);
}
.following.bar #navbar {
min-height: 45px;
}
/* Navbar logo. */
@ -368,11 +376,6 @@ strong, b, h1, h2, h3, h4, h5, h6,
}
/* Repository page. */
.repository .repo-header a,
.repository .repo-title a {
color: var(--color-text);
}
.repository .repo-title .repo-icon svg {
max-width: 22px;
}
@ -416,7 +419,7 @@ strong, b, h1, h2, h3, h4, h5, h6,
/* Divider. */
.ui.divider:not(.vertical, .horizontal) {
border-top-color: var(--color-border);
border-top-color: var(--color-border) !important;
}
/* Footer. */