diff --git a/_legacy/2019-06-09 gitea-theme-by-vrifox/README.md b/_legacy/2019-06-09 gitea-theme-by-vrifox/README.md new file mode 100644 index 0000000..03d8488 --- /dev/null +++ b/_legacy/2019-06-09 gitea-theme-by-vrifox/README.md @@ -0,0 +1,3 @@ +# gitea-theme-by-vrifox + +A dark theme for gitea. While made to match the style of my website, feel free to use or modify it on your own. \ No newline at end of file diff --git a/_legacy/2019-06-09 gitea-theme-by-vrifox/gitea.css b/_legacy/2019-06-09 gitea-theme-by-vrifox/gitea.css new file mode 100644 index 0000000..52e5f76 --- /dev/null +++ b/_legacy/2019-06-09 gitea-theme-by-vrifox/gitea.css @@ -0,0 +1,557 @@ +* { + font-family: Monaco, Lucida Console, monospace !important; +} +*::selection { + background: rgba(255, 70, 100, .75) !important; + color: rgb(255, 255, 255) !important; +} +.octicon, .mega-octicon { + font-family: Octicons !important; +} +.icon { + font-family: Icons !important; +} +.fa { + font-family: FontAwesome !important; +} +body { + background: rgb(25, 35, 45); + color: rgba(255, 255, 255, .75); +} +a, +.ui.card > .extra a:not(.ui), +.ui.cards > .card > .extra a:not(.ui), +.ui.breadcrumb a{ + color: rgba(255, 255, 255, 1); +} +a:hover, +.ui.card > .extra a:not(.ui):hover, +.ui.cards > .card > .extra a:not(.ui):hover, +.ui.list .list > .item a:hover, +.ui.list > .item a:hover, +.ui.breadcrumb a:hover { + color: rgb(255, 255, 255); + background: rgb(255, 70, 100); + padding: 2px 6px; + border-radius: 4px; + margin: -2px -6px; +} +.ui.container { + width: calc(100% - 80px); + max-width: 1127px !important; +} +.ui.divider { + display: none; +} + +/* BUTTONS */ + +.ui.basic.button, +.ui.basic.buttons .button { + color: rgb(255, 255, 255) !important; + background: rgb(35, 45, 55) !important; + border: none; + padding: 10px !important; +} +.ui.basic.button:hover, +.ui.basic.buttons .button:hover { + color: rgb(255, 255, 255) !important; + background: rgb(255, 70, 100) !important; + box-shadow: none; +} +.ui.basic.button:focus, +.ui.basic.buttons .button:focus { + color: rgb(255, 255, 255) !important; + background: rgba(255, 70, 100, .5) !important; + box-shadow: none; +} +.ui.basic.red.button, +.ui.basic.red.buttons .button { + background: transparent; + border: 1px solid rgba(255, 70, 100, 1); + color: rgba(255, 70, 100, 1) !important; + box-shadow: none; +} +.ui.basic.red.button:hover, +.ui.basic.red.buttons .button:hover { + border: 1px solid rgba(255, 70, 100, .75); + color: rgba(255, 70, 100, .75) !important; +} +.ui.basic.red.button:focus, +.ui.basic.red.buttons .button:focus { + border: 1px solid rgba(255, 70, 100, .5); + color: rgba(255, 70, 100, .5) !important; +} +.ui.green.button, +.ui.green.buttons .button { + background: rgba(255, 70, 100, 1); + border: none; + box-shadow: none; +} +.ui.green.button:hover, +.ui.green.buttons .button:hover { + background: rgba(255, 70, 100, .75); +} +.ui.green.button:focus, +.ui.green.buttons .button:focus { + background: rgba(255, 70, 100, .5); +} +.ui.blue.button, +.ui.blue.buttons .button, +.ui.basic.blue.button, +.ui.basic.blue.buttons .button { + color: rgb(255, 255, 255) !important; + background: rgb(35, 45, 55) !important; + border: none; + box-shadow: none !important; + border-radius: 5px !important; + padding: 10px !important; +} +.ui.blue.button:hover, +.ui.blue.buttons .button:hover, +.ui.basic.blue.button:hover, +.ui.basic.blue.buttons .button:hover { + color: rgb(255, 255, 255) !important; + background: rgb(255, 70, 100) !important; + border: none; + box-shadow: none !important; +} +.ui.blue.button:focus, +.ui.blue.buttons .button:focus, +.ui.basic.blue.button:focus, +.ui.basic.blue.buttons .button:focus { + color: rgb(255, 255, 255) !important; + background: rgba(255, 70, 100, .5) !important; + border: none; + box-shadow: none !important; +} + +/* CHECKBOX */ + +.ui.checkbox input:checked ~ .box::before, +.ui.checkbox input:checked ~ label::before { + border: 2px solid rgb(35, 45, 55); + background: rgb(35, 45, 55); +} +.ui.checkbox input:checked ~ .box::after, +.ui.checkbox input:checked ~ label::after { + content: '\00D7'; + color: rgb(255, 255, 255) !important; + font-weight: bold; +} +.ui.radio.checkbox input:checked ~ .box::before, +.ui.radio.checkbox input:checked ~ .box:active::before, +.ui.radio.checkbox input:checked ~ label::before, +.ui.radio.checkbox input:checked ~ label:active::before { + background: rgb(35, 45, 55); +} +.ui.radio.checkbox input:checked ~ .box::after, +.ui.radio.checkbox input:checked ~ .box:active::after, +.ui.radio.checkbox input:checked ~ label::after, +.ui.radio.checkbox input:checked ~ label:active::after { + background-color: rgb(255, 255, 255); +} + +/* INPUT (SEARCH) */ + +.ui.form textarea, +.ui.form textarea:focus, +.ui.form input, +.ui.form input:focus { + color: rgb(255, 255, 255) !important; + background: rgb(35, 45, 55) !important; + border: none !important; +} + +/* DROPDOWN MENU */ + +.ui.dropdown .menu, +.ui.menu .ui.dropdown .menu { + border: 2px solid rgb(45,55,65) !important; + background: rgb(35, 45, 55) !important; + margin-top: 10px !important; +} +.ui.menu .ui.dropdown .menu > .item { + background: rgb(35, 45, 55) !important; + padding: 15px 20px !important; +} +.ui.dropdown .menu > .item:hover, +.ui.menu .ui.dropdown .menu > .item:hover { + background: rgb(45, 55, 65) !important; + margin: 0; +} +.ui.dropdown .menu .active.item, +.ui.dropdown .menu .active.item:hover { + color: rgb(255, 255, 255); + background: rgb(15, 25, 35); +} + +/* SECONDARY MENU */ + +.following.bar #navbar { + width: calc(100% - 80px); + padding: 0; +} +.following.bar.light { + background: rgba(25, 35, 45, 0); + border-bottom: 2px solid rgba(35, 45, 55, 0); + box-shadow: none; + margin: 0; + min-height: 80px; +} +.ui.secondary.menu .item { + background: transparent; + color: rgb(255, 255, 255); + transition: background .2s ease !important; + /*margin: 0 8px 0 0px !important;*/ +} +.ui.secondary.menu .item:hover, +.ui.secondary.menu .item:active { + background: rgb(35, 45, 55) !important; + color: rgb(255, 255, 255) !important; +} +.ui.secondary.menu .item.active { + background: rgba(35, 45, 55); + color: rgb(255, 255, 255); + border-radius: 4px; + border: 0; +} +.ui.secondary.menu .item.brand { + display: none !important; +} + +/* ISSUES */ + +.ui.vertical.menu { + background: rgb(25, 35, 45); + border: 0; +} + +/* EXPLORE */ + +.explore .navbar { + background: transparent !important; +} + +/* PROFILE */ + +.user.profile .ui.card { + background: rgb(35, 45, 55); + box-shadow: none; + border-radius: 8px; + border: 2px solid transparent; +} +.user.profile .ui.card:hover { + border: 2px solid rgb(45, 55, 65); +} +.ui.card > .image > img, .ui.cards > .card > .image > img { + border-radius: 8px; +} +.ui.card > .image { + margin: 20px; + background: rgb(35, 45, 55); +} +.ui.card .extra.content ul li:not(:last-child) { + border-bottom: none !important; +} +.user.profile .ui.card .extra.content ul { + padding: 0px 8px 8px 8px; + color: rgb(255, 255, 255); +} +.user.profile .ui.card .extra.content ul:hover { + color: rgb(255, 255, 255); +} +.user.profile .ui.card .extra.content ul li { + padding: 8px; +} +.ui.repository.list .item { + padding: 0 !important; + background: rgb(35, 45, 55); + margin-bottom: 20px; + border-radius: 10px; + border: 2px solid transparent; +} +.ui.repository.list .item:not(:first-child) { + border: 2px solid transparent; +} +.ui.repository.list .item:hover { + border: 2px solid rgb(45, 55, 65); +} +.ui.repository.list .item .ui.header { + padding: 20px; + border-bottom: 2px solid rgb(45, 55, 65); +} +.ui.repository.list .item .ui.header .metas span { + color: rgb(255, 255, 255) !important; + background: rgb(45, 55, 65); + padding: 5px 10px; + border-radius: 20px; +} +.ui.repository.list .item .ui.header + p { + padding: 20px; + margin: 0; + color: rgb(255, 255, 255); +} +.ui.repository.list .item .time { + color: rgba(255, 255, 255, .75); + padding: 0 20px 20px 20px; +} + +/* PROFILE ACTIVITY */ + +.feeds > .news { + background: rgb(25, 35, 45); + padding: 20px; + margin-bottom: 10px; +} +.feeds .news .ui.avatar { + margin-top: 0; +} +.feeds .news .ui.divider { + display: none; +} + +/* REPO */ + +.ui.tabular.menu .item { + color: rgba(255, 255, 255, .75); + margin-right: 10px; + border-radius: 5px 5px 0 0; +} +.ui.tabular.menu .item:hover { + background: rgb(45, 55, 65); +} +.ui.tabular.menu .item:not(:last-child):hover { + margin: 0; + margin-right: 10px; +} +.ui.tabular.menu .active.item { + background: rgb(45, 55, 65); + border-bottom: 2px solid rgb(255, 70, 100); + margin: 0; + margin-right: 10px; + border-radius: 5px 5px 0 0 !important; +} +.ui.tabular.menu .item:active, +.ui.tabular.menu .active.item:active { + color: rgba(255, 255, 255, .5); +} +.repository .header-wrapper { + background: rgb(25, 35, 45); +} +.repository .repo-header { + background: rgb(35, 45, 55); + padding: 20px; + border-radius: 10px 10px 0 0; +} +.repository .repo-header .ui.huge.breadcrumb { + white-space: nowrap; +} +.repository .ui.tabs.container { + background: rgb(35, 45, 55); + border-radius: 0 0 10px 10px; + margin: 0 0 20px 0; + padding: 0 20px; +} +.ui.labeled.button:not([class*="left labeled"]) > .label { + color: rgba(255, 255, 255, .5); +} +.ui.labeled.button:not([class*="left labeled"]) > .label:hover { + color: rgba(255, 255, 255, .75); +} +.repo-description { + padding: 20px; + background: rgb(35, 45, 55); + border-radius: 10px; + color: rgb(255, 255, 255); +} +#repo-topics { + padding: 20px; + background: rgb(35, 45, 55); + margin: -20px 0 20px 0; + border-radius: 0 0 10px 10px; +} +.ui.segment { + background: transparent; + border: none; + padding: 0 !important; +} +.repository .ui.segment.sub-menu .list .item a { + border-bottom: 2px solid transparent; + padding: 7px; + transition: .1s border ease, .1s color ease, .1s background ease; + color: rgba(255, 255, 255, 1) !important; +} +.repository .ui.segment.sub-menu .list .item a:hover { + color: rgba(255, 255, 255, .75); + border-bottom: 2px solid; +} +.repository .ui.segment.sub-menu .list .item a:active { + color: rgba(255, 255, 255, .5); + border-bottom: 2px solid; +} +.ui.input input, +.ui.input input:hover, +.ui.input input:focus { + background: rgb(35, 45, 55); + border: none; +} +.ui.table { + border: none; + background: transparent; + margin: 20px 0; +} +.ui.table thead th { + background: rgb(35, 45, 55); + padding: 20px !important; + border-bottom: 2px solid rgb(45, 55, 65); +} +.ui.table tbody tr { + background: rgb(35, 45, 55); +} +.ui.table tbody tr:hover { + background: rgb(15, 25, 35) !important; +} +.repository.file.list .non-diff-file-content .code-view .lines-code ol, +.repository.file.list .non-diff-file-content .code-view .lines-num { + background: rgb(25, 35, 45) !important; +} +.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, +.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule { + color: rgb(255, 70, 100); +} +.repository.file.list #repo-files-table tbody .octicon { + color: rgba(255, 255, 255, .75); +} +.ui.horizontal.list > .item { + border-radius: 10px !important; + background: rgb(35, 45, 55); + padding: 10px !important; + margin-left: 20px; +} +.ui.horizontal.list > .item.active { + background: rgb(35, 45, 55) !important; + border-bottom: 2px solid rgb(255, 70, 100); + border-radius: 10px 10px 0 0 !important; +} + +/* REPO ISSUES */ + +.repository .comment.form .content .form::after { + border-right-color: rgb(25, 35, 45); +} + +/* REPO ACTIVITY */ + +.ui.horizontal.segments > .segment { + background: rgb(25, 35, 45); +} + +/* REPO SETTINGS */ + +.ui .warning.header { + background-color: rgba(255, 70, 100, .75) !important; +} + +/* EDITOR */ + +.CodeMirror, +.CodeMirror-gutters { + background: rgb(25, 35, 45); + border: none; +} +.repository.file.editor .commit-form-wrapper .commit-form { + border: none; + background: rgb(25, 35, 45); +} +.repository.file.editor .commit-form-wrapper .commit-form::after { + border-right-color: rgb(25, 35, 45); +} + +/* SIGN IN */ + +.ui.menu.new-menu { + background: rgb(35, 45, 55) !important; + border: none !important; + padding-top: 10px !important; +} +.ui.secondary.pointing.menu .item { + border-radius: 4px; + border: none; +} +.ui.secondary.pointing.menu .item:not(:last-child) { + margin: 0 10px 0 0; +} +.ui.secondary.pointing.menu .item:hover { + background: rgb(255, 70, 100) !important; +} +.ui.secondary.pointing.menu .active.item { + background: rgb(35, 45, 55); + border-bottom: 2px solid rgb(255, 70, 100); +} +.ui.secondary.pointing.menu .active.item:hover { + border-color: rgb(255, 70, 100); +} +.ui.attached.header { + background: rgb(35, 45, 55); + border: none; + border-bottom: 2px solid rgb(45, 55, 65); + padding: 20px; + border-radius: 10px 10px 0 0 !important; +} +.ui.attached.segment, +.ui.attached.table.segment { + background: rgb(35, 45, 55); + border: none; + border-radius: 0 0 10px 10px; +} + +/* FOOTER */ + +footer { + background: rgb(15, 25, 35); + border-top: none; + color: rgba(255, 255, 255, 0.75); +} +footer .container { + top: 50%; + position: relative; + padding-top: 0; +} +footer .ui.left, footer .ui.right { + transform: translate(0, -50%); +} +footer .container .links > * { + border-left: 0px; +} + +@media screen and (max-width: 760px) { + .full.height { + top: 80px; + position: relative; + } + .ui.secondary.pointing.menu .item { + margin: 0px !important; + } + .following.bar #navbar:not(.shown) > :not(:first-child) { + display: inherit; + } + footer { + height: auto; + } +} + +@media screen and (min-width: 761px) { + .full.height { + left: 80px; + position: relative; + width: calc(100% - 80px); + } + .ui.top.secondary.stackable.main.menu.following.bar.light { + min-height: 80px; + } + footer { + width: calc(100% - 80px); + margin-left: 80px; + } +}