mirror of
https://git.uditkaro.de/uditkarode/gitea-theme.git
synced 2025-11-04 11:39:31 +00:00
init
This commit is contained in:
Udit Karode
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" .}}
|
||||||
Reference in New Issue
Block a user