diff --git a/theme-github.css b/theme-github.css index a717955..cbcd9f9 100644 --- a/theme-github.css +++ b/theme-github.css @@ -1,218 +1,431 @@ :root { - --border-radius: 6px; - --color-primary: #0969da; - --color-navbar: #f6f8fa; - --color-active: #f6f8fa; - --color-markup-code-block: #f6f8fa; - --color-hover: none; - --color-purple: #8250df; + --border-radius: 6px; + --color-primary: #0969da; + --color-navbar: #f6f8fa; + --color-active: #f6f8fa; + --color-markup-code-block: #f6f8fa; + --color-hover: none; + --color-purple: #8250df; + --color-green: #1a7f37; } .ui.label { - padding: 0.3em 0.5em; - background: var(--color-light); - color: var(--color-text-light); - border-radius: 6px; + padding: 0.3em 0.5em; + background: var(--color-light); + color: var(--color-text-light); + border-radius: 6px; } .ui.blue.label, .ui.blue.labels .label, .ui.primary.label, .ui.primary.labels .label { - border-color: var(--color-light) !important; - background-color: #afb8c133 !important; - border-radius: 6px; - color: #24292f !important; + border-color: var(--color-light) !important; + background-color: #afb8c133 !important; + border-radius: 6px; + color: #24292f !important; } .ui.blue.button, .ui.blue.buttons .button, .ui.primary.button, .ui.primary.buttons .button { - background-color: #f6f8fa !important; - color: #24292f !important; + background-color: #f6f8fa !important; + color: #24292f !important; } .repo-icon { - display: inline-block; - transform: scale(0.75); - margin-right: -0.05rem !important; + display: inline-block; + transform: scale(0.75); + margin-right: -0.05rem !important; } .ui.green.buttons .button, .ui.green.button { - background-color: #2da44e; - color: #fff !important; + background-color: #1a7f37; + color: #fff !important; } .ui.green.labels .label, .ui.ui.ui.green.label { - background-color: #2da44e; - color: #fff !important; + background-color: #1a7f37; + color: #fff !important; } .ui.label { - padding: 0.5em 0.5em; + padding: 0.5em 0.5em; } /* "edit" and "reopen" button font color */ .ui.basic.green.buttons .button, .ui.basic.green.button { - color: #24292f; + color: #24292f; } .feeds .list ul li.private { - background: none; + background: none; } .repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { - color: #54aeff; + color: #54aeff; } a, .ui.breadcrumb a { - color: var(--color-text) !important; + color: var(--color-text) !important; } .repo-title a { - color: var(--color-primary) !important; + color: var(--color-primary) !important; } .ui.basic.blue.button, .ui.basic.blue.buttons .button, .ui.basic.primary.button, .ui.basic.primary.buttons .button { - background-color: #fff !important; - box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important; - color: var(--color-text) !important; + background-color: #fff !important; + box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15) !important; + color: var(--color-text) !important; } .ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus, .ui.basic.primary.button:focus, .ui.basic.primary.buttons .button:focus { - box-shadow: inset 0 0 0 0px #808080 !important; + box-shadow: inset 0 0 0 0px #808080 !important; } .ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover, .ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover { - background-color: #fff !important; + background-color: #fff !important; } ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover, .ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover { - box-shadow: inset 0 0 0 0px #808080 !important; + box-shadow: inset 0 0 0 0px #808080 !important; } a:hover, a.muted:hover, .ui.breadcrumb a:hover { - color: none; + color: none; } .ui.tabular.menu .item:hover { - color: none; + color: none; } .ui.basic.labels .label, .ui.basic.label { - background-color: #fff; + background-color: #fff; } .ui.labeled.button.disabled > .button, .ui.basic.buttons .button, .ui.basic.button { - background-color: #f6f8fa; + background-color: #f6f8fa; } .ui.blue.button:hover, .ui.blue.buttons .button:hover, .ui.primary.button:hover, .ui.primary.buttons .button:hover { - background-color: var(--color-hover) !important; + background-color: var(--color-hover) !important; } .repository .ui.segment.sub-menu .list .item a:hover { - color: var(--color-text) !important; + color: var(--color-text) !important; } .repo-buttons .ui.labeled.button > .label:hover { - color: var(--color-text) !important; + color: var(--color-text) !important; } .repository.file.list #repo-files-table tr:hover { - background-color: #f6f8fa !important; + background-color: #f6f8fa !important; } .ui .error.header { - background-color: #cf222e !important; - color: #fff !important; + background-color: #cf222e !important; + color: #fff !important; } .ui.red.buttons .button, .ui.red.button { - color: #fff !important; + color: #fff !important; + font-weight: 500; } .ui.basic.red.buttons .button, .ui.basic.red.button { - color: #cf222e !important; + color: #cf222e !important; } * { - scrollbar-width: thin; - scrollbar-color: #f6f8fa transparent !important; + scrollbar-width: thin; + scrollbar-color: #f6f8fa transparent !important; } ::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 0 6px #808080 !important; + box-shadow: inset 0 0 0 6px #808080 !important; } .ui.purple.labels .label, .ui.ui.ui.purple.label { - background-color: #8250df !important; + background-color: #8250df !important; } .repository #clone-panel input { - background-color: #f6f8fa; + background-color: #f6f8fa; } .ui.basic.green.buttons .button, .ui.basic.green.button { - color: var(--color-text) !important; + color: var(--color-text) !important; } ul.repo-owner-name-list { - font-size: 13px; + font-size: 13px; } a.ui.label { - color: #1b1c1d !important; + color: #1b1c1d !important; } .ui .sha.label { - color: var(--color-text) !important; - padding: 6px 10px 6px; + color: var(--color-text) !important; + padding: 6px 10px 6px; + color: #1a7f37 !important; } .ui.basic.green.buttons .button, .ui.basic.green.button { - color: #2da44e !important; + color: #2da44e !important; } -.ui.basic.labels .label, -.ui.basic.label { - color: var(--color-text) !important; +.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon, +.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon, +.repository #rev-list .sha.label.isSigned.isVerified .detail.icon, +.repository +.timeline-item.commits-list +.singular-commit +.sha.label.isSigned.isVerified +.detail.icon { + border-left: 1px solid #1a7f37; + color: #1a7f37; } -.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon, .repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon, .repository #rev-list .sha.label.isSigned.isVerified .detail.icon, .repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon { - border-left: 1px solid #2da44e; - color: #2da44e; +.repository.view.issue +.comment-list +.timeline-item.commits-list +.singular-commit +.shabox +.sha.label.isSigned.isVerified { + border: 1px solid #1a7f37; } -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified { - border: 1px solid #2da44e; +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + color: var(--color-text) !important; +} + +.ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) { + border-left: 1px solid #2da44e; + color: #2da44e; +} + +.repository .ui.attached.isSigned.isVerified:last-child, +.repository .ui.attached.isSigned.isVerified.bottom { + border: 1px solid #2da44e; } .ui.labeled.icon.buttons>.button>.icon, .ui.labeled.icon.button>.icon { - border-right: 1px solid var(--color-secondary); + border-right: 1px solid var(--color-secondary); } .ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted) { - border-left: 1px solid var(--color-secondary); + border-left: 1px solid var(--color-secondary); } /* GPG verified msg banner */ .repository .ui.attached.isSigned.isVerified.message .ui.text { - color: black; + color: black; } .repository .ui.attached.isSigned.isVerified:last-child, .repository .ui.attached.isSigned.isVerified.bottom { - border-bottom: 1px solid #21ba45; + border-bottom: 1px solid #21ba45; } .repository .ui.attached.isSigned.isVerified.top, .repository .ui.attached.isSigned.isVerified.message { - border-top: 1px solid var(--color-secondary); + border-top: 1px solid var(--color-secondary); } .repository .ui.attached.isSigned.isVerified { - border-left: 1px solid var(--color-secondary); - border-right: 1px solid var(--color-secondary); + border-left: 1px solid var(--color-secondary); + border-right: 1px solid var(--color-secondary); } .repository .ui.attached.isSigned.isVerified.message { - box-shadow: none; - background-color: #21ba45; - color: black; + box-shadow: none; + background-color: #21ba45; + color: black; } /* bg color of commit info box */ .ui .info.segment.top { - background-color: var(--color-navbar)!important; + background-color: var(--color-navbar)!important; +} + +.repo-icon { + display: none; + +} + +/* navbar font size */ +.ui.secondary.menu .item { + font-size: 13px; + +} + +#navbar .item { + margin: 0; + padding: 0.5em; + font-size: 14px; + color: black !important; + +} + +.following.bar #navbar { + width: 100vw; + /* default 52px */ + min-height: 40px; + padding: 0 0.5rem; + +} + +::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 0 6px var(--color-navbar); + +} +::-webkit-scrollbar-thumb:hover { + box-shadow: inset 0 0 0 6px var(--color-text); + +} + +.following.bar #navbar .brand { + margin-top: -2px; + +} + +/* reduce navbar bottom margin */ +.ui.ui.ui.container:not(.fluid) { + margin-bottom: -3px; + +} + +/* Link color for repo breadcrumbs */ +a, +.ui.breadcrumb a { + color: var(--color-primary) !important; + +} + +/* color for repo menu bar to overwrite link color */ +.ui.tabular.menu .item { + color: var(--color-text) !important; + +} + +.repository .ui.segment.sub-menu .list .item a { + color: var(--color-text) !important; + +} + +.ui .menu:not(.vertical) .item > .button.compact { + color: var(--color-text) !important; + +} + +.ui.labeled.button.disabled > .button, +.ui.basic.buttons .button, +.ui.basic.button { + color: var(--color-text-light) !important; + +} + +#manage_topic { + font-size: 12px; + color: var(--color-text) !important; + +} + +.ui.menu .item { + color: var(--color-text) !important; + +} + +/* font weight of "danger zone" buttons in "delete repo" */ + +.ui.label { + background: rgba(175, 184, 193, 0.2); + +} + +.comment-header .actions a { + color: black !important; + +} + +.ui.dropdown > .text { + color: black !important; + +} + +.repository.compare.pull .choose.branch .svg { + color: black !important; + +} + +a.muted { + color: black !important; +} + +.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill, +.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule { + color: #54aeff !important; +} + +.repository.file.list #repo-files-table td a { + color: black !important; +} + +.ui.negative.buttons .button, +.ui.negative.button { + background-color: none; + color: #db2828; +} + +.ui.green.button { + padding: 5px 16px; + line-height: 20px; +} + +.ui.green.labels .label, +.ui.ui.ui.green.label { + padding: 5px 16px; + line-height: 20px; +} + +.ui.tabular.menu .active.item { + margin-bottom: 2px; +} + +.ui.menu .item > .label:not(.floating) { + padding: 0 6px; + line-height: 18px; +} + +.ui.secondary.pointing.menu .item > .circular.label { + line-height: 10px; +} + + +.ui.grey.labels .label, +.ui.ui.ui.grey.label { + line-height: 10px; +} + +/* yes/no dialog buttons for repo archival */ +.ui.basic.inverted.buttons .button, +.ui.basic.inverted.button { + color: #f9fafb !important; +} + +// border color of SSH/https cloning buttons (non-focused) +.ui.basic.blue.button, +.ui.basic.blue.buttons .button, +.ui.basic.primary.button, +.ui.basic.primary.buttons .button { + box-shadow: inset 0 0 0 1px transparent !important; +} + +// same for hover +ui.basic.blue.button:hover, +.ui.basic.blue.buttons .button:hover, +.ui.basic.primary.button:hover, +.ui.basic.primary.buttons .button:hover { + box-shadow: inset 0 0 0 0px transparent !important; + +} + +// background color of branch name in PRs +.issue.list .branches .branch { + background-color: #afb8c133; + border-radius: 6px; } a:hover {