Branch page and misc css improvements (#15208) (#15274)

- Improve branches page, increase icon size, use octicons, use css vars
- Style placeholder color via css var
- Slightly increase contrast of input fields and active/hover states
- Add styling for select boxes in arc-green
This commit is contained in:
silverwind 2021-04-04 15:31:54 +02:00 committed by GitHub
parent 33c4e246fe
commit 4bc8dfc6a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 31 additions and 28 deletions

View file

@ -87,14 +87,14 @@
--color-footer: #2e323e;
--color-timeline: #4c525e;
--color-input-text: #d5dbe6;
--color-input-background: #2e323e;
--color-input-background: #292d39;
--color-input-border: #454a57;
--color-input-border-hover: #505667;
--color-navbar: #2a2e3a;
--color-light: #00000028;
--color-light-border: #ffffff28;
--color-hover: #60606020;
--color-active: #60606040;
--color-hover: #ffffff10;
--color-active: #ffffff16;
--color-menu: #2e323e;
--color-card: #2e323e;
--color-markdown-table-row: #ffffff06;
@ -105,10 +105,7 @@
--color-secondary-bg: #2a2e3a;
--color-text-focus: #fff;
--color-expand-button: #3c404d;
}
.repository.branches .commit-divergence .bar {
background: #6a737d;
--color-placeholder-text: #6a737d;
}
.ui.horizontal.segments > .segment {
@ -119,11 +116,6 @@
background: var(--color-primary-alpha-20) !important;
}
::placeholder,
.CodeMirror-placeholder {
color: #6a737d !important;
}
[data-tooltip]::before,
[data-tooltip]::after {
background: #1b1c1d !important; /* .ui.inverted.popup */