mirror of
https://git.uditkaro.de/uditkarode/gitea-theme.git
synced 2025-02-21 18:32:08 +00:00
init
This commit is contained in:
Udit Karode
commit
20143fbee8
258
custom/public/custom.css
Normal file
258
custom/public/custom.css
Normal file
@ -0,0 +1,258 @@
|
||||
:root {
|
||||
--fonts-proportional: Inter, Arial, Helvetica, sans-serif !important;
|
||||
--fonts-monospace: "Roboto Mono", monospace !important;
|
||||
|
||||
--clr-dark-base: #0d1117;
|
||||
--clr-link-primary: #c9d1d9;
|
||||
--clr-link-secondary: #89949e;
|
||||
--clr-repo-title: #58a6ff;
|
||||
--clr-btn-bg: #21262d;
|
||||
--clr-btn-hover-border: #89949e;
|
||||
|
||||
--color-primary: #58a6ff !important;
|
||||
--color-secondary: #30363d !important;
|
||||
--color-tertiary: #161b22 !important;
|
||||
--color-body: #000000 !important;
|
||||
--color-code-bg: var(--clr-dark-base) !important;
|
||||
--color-navbar: var(--clr-dark-base) !important;
|
||||
--color-box-body: var(--clr-dark-base) !important;
|
||||
--color-box-header: var(--clr-dark-base) !important;
|
||||
|
||||
--color-primary-light-1: #3f8be2;
|
||||
--color-primary-light-2: #2677d3;
|
||||
--color-primary-light-3: #1571da;
|
||||
--color-primary-light-4: #0f5db6;
|
||||
--color-primary-light-5: #084080;
|
||||
--color-primary-light-6: #042d5c;
|
||||
--color-primary-light-7: #00152c;
|
||||
|
||||
--color-primary-dark-1: #67aeff;
|
||||
--color-primary-dark-2: #83bdff;
|
||||
--color-primary-dark-3: #9fccff;
|
||||
--color-primary-dark-4: #bddcff;
|
||||
--color-primary-dark-5: #d7eaff;
|
||||
--color-primary-dark-6: #f1f8ff;
|
||||
--color-primary-dark-7: #ffffff;
|
||||
}
|
||||
|
||||
body .full.height {
|
||||
background: var(--color-body);
|
||||
}
|
||||
|
||||
.page-content.home,
|
||||
.page-content.home > div {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-content div.hero-flex {
|
||||
height: 100% !important;
|
||||
display: flex !important;
|
||||
gap: 3rem !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.ui.icon.header.title {
|
||||
font-size: 5em;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 620px) {
|
||||
.page-content div.hero-flex {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ui.icon.header.title {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-explore {
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.hero-explore button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.user.profile .ui.card .profile-avatar-name {
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.user.profile .ui.card {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.user.profile .ui.card > .extra {
|
||||
border-top-color: transparent !important;
|
||||
}
|
||||
|
||||
.user.profile .ui.card .extra.content ul li {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.user-orgs {
|
||||
margin-top: 1em !important;
|
||||
}
|
||||
|
||||
.user-orgs li {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ui.green.button,
|
||||
.ui.green.buttons .button {
|
||||
background: var(--color-primary);
|
||||
}
|
||||
|
||||
.ui.green.button:hover,
|
||||
.ui.green.buttons .button:hover {
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
|
||||
.ui.avatar.image,
|
||||
.ui.avatar.image img,
|
||||
.ui.avatar.images .image,
|
||||
.ui.avatar.images img,
|
||||
.ui.avatar.images svg,
|
||||
.ui.avatar.image svg,
|
||||
.ui.card .avatar img,
|
||||
.ui.card img.avatar,
|
||||
.ui.cards > .card .avatar img,
|
||||
.ui.cards > .card img.avatar {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.feeds .list ul li.private {
|
||||
background: var(--color-tertiary);
|
||||
}
|
||||
|
||||
.ui.menu,
|
||||
.ui.vertical.menu {
|
||||
background: var(--clr-dark-base);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.ui.pagination.menu.narrow .item {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.ui.ui.menu .item.disabled {
|
||||
color: var(--color-text-light-3) !important;
|
||||
}
|
||||
|
||||
#notification_table {
|
||||
border: none;
|
||||
background: var(--clr-dark-base);
|
||||
}
|
||||
|
||||
#notification_div .active.item {
|
||||
background: var(--clr-dark-base);
|
||||
}
|
||||
|
||||
.explore .ui.divider {
|
||||
margin: 3rem 0;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.explore .navbar {
|
||||
margin-bottom: 3rem !important;
|
||||
}
|
||||
|
||||
.repo-title a {
|
||||
font-weight: 600;
|
||||
color: var(--clr-repo-title) !important;
|
||||
}
|
||||
|
||||
.ui.breadcrumb a,
|
||||
a {
|
||||
color: var(--clr-link-primary) !important;
|
||||
}
|
||||
|
||||
.ui.basic.button,
|
||||
.ui.basic.buttons .button {
|
||||
background: var(--clr-btn-bg);
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
hero-explore .button:hover,
|
||||
.ui.basic.button:hover,
|
||||
.ui.basic.buttons .button:hover {
|
||||
background: var(--clr-btn-bg);
|
||||
border-color: var(--clr-btn-hover-border);
|
||||
}
|
||||
|
||||
.ui.tabular.menu .item:hover {
|
||||
background: var(--color-tertiary);
|
||||
}
|
||||
|
||||
.message a {
|
||||
color: var(--clr-link-secondary) !important;
|
||||
}
|
||||
|
||||
.following.bar.light {
|
||||
background: var(--clr-dark-base) !important;
|
||||
}
|
||||
|
||||
.ui.secondary.menu {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ui.fitted.menu .item,
|
||||
.ui.fitted.menu .item .menu .item,
|
||||
.ui.menu .fitted.item {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ui.table > thead > tr > th {
|
||||
background: var(--clr-dark-base) !important;
|
||||
border-bottom: 1px solid var(--color-secondary);
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
|
||||
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tr {
|
||||
background: var(--clr-dark-base) !important;
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tr:hover {
|
||||
background: var(--color-tertiary) !important;
|
||||
}
|
||||
|
||||
.repository #file-buttons {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.repository #clone-panel {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.repository #clone-panel .clone.button {
|
||||
padding: 7.5px 10px;
|
||||
}
|
||||
|
||||
.markdown:not(code) h3 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
footer {
|
||||
background: var(--clr-dark-base);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
footer,
|
||||
footer * {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
footer .ui.language .svg {
|
||||
display: none;
|
||||
}
|
||||
205
custom/public/custom.css.bak
Normal file
205
custom/public/custom.css.bak
Normal file
@ -0,0 +1,205 @@
|
||||
:root {
|
||||
--fonts-proportional: Inter, Arial, Helvetica, sans-serif !important;
|
||||
--fonts-monospace: "Roboto Mono", monospace !important;
|
||||
|
||||
--clr-dark-base: #0d1117;
|
||||
--clr-link-primary: #c9d1d9;
|
||||
--clr-link-secondary: #89949e;
|
||||
--clr-repo-title: #58a6ff;
|
||||
--clr-btn-bg: #21262d;
|
||||
--clr-btn-hover-border: #89949e;
|
||||
|
||||
--color-primary: #58a6ff !important;
|
||||
--color-secondary: #30363d !important;
|
||||
--color-tertiary: #161b22 !important;
|
||||
--color-body: #000000 !important;
|
||||
--color-code-bg: var(--clr-dark-base) !important;
|
||||
--color-navbar: var(--clr-dark-base) !important;
|
||||
--color-box-body: var(--clr-dark-base) !important;
|
||||
--color-box-header: var(--clr-dark-base) !important;
|
||||
|
||||
--color-primary-light-1: #3f8be2;
|
||||
--color-primary-light-2: #2677d3;
|
||||
--color-primary-light-3: #1571da;
|
||||
--color-primary-light-4: #0f5db6;
|
||||
--color-primary-light-5: #084080;
|
||||
--color-primary-light-6: #042d5c;
|
||||
--color-primary-light-7: #00152c;
|
||||
|
||||
--color-primary-dark-1: #67aeff;
|
||||
--color-primary-dark-2: #83bdff;
|
||||
--color-primary-dark-3: #9fccff;
|
||||
--color-primary-dark-4: #bddcff;
|
||||
--color-primary-dark-5: #d7eaff;
|
||||
--color-primary-dark-6: #f1f8ff;
|
||||
--color-primary-dark-7: #ffffff;
|
||||
}
|
||||
|
||||
body .full.height {
|
||||
background: var(--color-body);
|
||||
}
|
||||
|
||||
.page-content.home,
|
||||
.page-content.home > div {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-content div.hero-flex {
|
||||
height: 100% !important;
|
||||
display: flex !important;
|
||||
gap: 3rem !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.ui.icon.header.title {
|
||||
font-size: 5em;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 620px) {
|
||||
.page-content div.hero-flex {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.ui.icon.header.title {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-explore {
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.hero-explore button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.ui.avatar.image,
|
||||
.ui.avatar.image img,
|
||||
.ui.avatar.images .image,
|
||||
.ui.avatar.images img,
|
||||
.ui.avatar.images svg,
|
||||
.ui.avatar.image svg,
|
||||
.ui.card .avatar img,
|
||||
.ui.card img.avatar,
|
||||
.ui.cards > .card .avatar img,
|
||||
.ui.cards > .card img.avatar {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.feeds .list ul li.private {
|
||||
background: var(--color-tertiary);
|
||||
}
|
||||
|
||||
.ui.menu,
|
||||
.ui.vertical.menu {
|
||||
background: var(--clr-dark-base);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.ui.pagination.menu.narrow .item {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.ui.ui.menu .item.disabled {
|
||||
color: var(--color-text-light-3) !important;
|
||||
}
|
||||
|
||||
.repo-title a {
|
||||
font-weight: 600;
|
||||
color: var(--clr-repo-title) !important;
|
||||
}
|
||||
|
||||
.ui.breadcrumb a,
|
||||
a {
|
||||
color: var(--clr-link-primary) !important;
|
||||
}
|
||||
|
||||
.ui.basic.button,
|
||||
.ui.basic.buttons .button {
|
||||
background: var(--clr-btn-bg);
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
hero-explore .button:hover,
|
||||
.ui.basic.button:hover,
|
||||
.ui.basic.buttons .button:hover {
|
||||
background: var(--clr-btn-bg);
|
||||
border-color: var(--clr-btn-hover-border);
|
||||
}
|
||||
|
||||
.ui.tabular.menu .item:hover {
|
||||
background: var(--color-tertiary);
|
||||
}
|
||||
|
||||
.message a {
|
||||
color: var(--clr-link-secondary) !important;
|
||||
}
|
||||
|
||||
.following.bar.light {
|
||||
background: var(--clr-dark-base) !important;
|
||||
}
|
||||
|
||||
.ui.secondary.menu {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ui.fitted.menu .item,
|
||||
.ui.fitted.menu .item .menu .item,
|
||||
.ui.menu .fitted.item {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ui.table > thead > tr > th {
|
||||
background: var(--clr-dark-base) !important;
|
||||
border-bottom: 1px solid var(--color-secondary);
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
|
||||
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tr {
|
||||
background: var(--clr-dark-base) !important;
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tr:hover {
|
||||
background: var(--color-tertiary) !important;
|
||||
}
|
||||
|
||||
.repository #file-buttons {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.repository #clone-panel {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.repository #clone-panel .clone.button {
|
||||
padding: 7.5px 10px;
|
||||
}
|
||||
|
||||
.markdown:not(code) h3 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
footer {
|
||||
background: var(--clr-dark-base);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
footer,
|
||||
footer * {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
footer .ui.language .svg {
|
||||
display: none;
|
||||
}
|
||||
BIN
custom/public/img/apple-touch-icon.png
Normal file
BIN
custom/public/img/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 212 B |
BIN
custom/public/img/favicon.png
Normal file
BIN
custom/public/img/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 212 B |
BIN
custom/public/img/logo.png
Normal file
BIN
custom/public/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
custom/public/img/logo.svg
Normal file
BIN
custom/public/img/logo.svg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
4
custom/templates/custom/header.tmpl
Normal file
4
custom/templates/custom/header.tmpl
Normal file
@ -0,0 +1,4 @@
|
||||
<link rel="stylesheet" href="/assets/custom.css" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet">
|
||||
17
custom/templates/home.tmpl
Normal file
17
custom/templates/home.tmpl
Normal file
@ -0,0 +1,17 @@
|
||||
{{template "base/head" .}}
|
||||
<div class="page-content home">
|
||||
<div class="sixteen wide center aligned centered column hero-flex">
|
||||
<div>
|
||||
<img class="logo" width="100" height="100" src="/assets/img/logo.png"/>
|
||||
</div>
|
||||
<div class="hero">
|
||||
<h1 class="ui icon header title">
|
||||
{{AppName}}
|
||||
</h1>
|
||||
<a class="hero-explore" href="/explore/repos">
|
||||
<button id="new-pull-request" style="color:#fbfbfb" class="ui compact basic button">explore</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "base/footer" .}}
|
||||
Loading…
x
Reference in New Issue
Block a user