generated from meaz/Test_theme
Initial commit
This commit is contained in:
commit
25f4d0cdc4
4 changed files with 179 additions and 0 deletions
12
README.md
Normal file
12
README.md
Normal file
|
@ -0,0 +1,12 @@
|
|||
## Disroot theme for Foregejo
|
||||
|
||||
Customizing Gitea is typically done using the `CustomPath` folder - by default this is the `custom` folder from the running directory of Forgejo, but it may be different if your build has set this differently. This is the central place to override configuration settings, templates, etc. You can check the `CustomPat`h using `gitea help`. You can also find the path on the Configuration tab in the Site Administration page. You can override the `CustomPath` by setting either the `GITEA_CUSTOM` environment variable or by using the `--custom-path` option on the gitea binary. (The option will override the environment variable.)
|
||||
|
||||
In this `custom` folder, create a `public\css` folder then, to use this theme, `git clone` it in `custom/public/css`. It will create copy the css files of our Beetroot themes.
|
||||
|
||||
Then edit `app.ini` and edit the `THEMES` var like this:
|
||||
`THEMES = beetroot-light,beetroot-dark,beetroot-auto` (you can also keep the themes already dfined there).
|
||||
|
||||
Don't forget to restart gitea: `service gitea restart`
|
||||
|
||||
To know more about customizing Forgejo, check https://docs.gitea.io/en-us/customizing-gitea/#customizing-the-look-of-gitea
|
2
theme-beetroot-auto.css
Executable file
2
theme-beetroot-auto.css
Executable file
|
@ -0,0 +1,2 @@
|
|||
@import "theme-beetroot-light.css";
|
||||
@import "theme-beetroot-dark.css" (prefers-color-scheme: dark);
|
87
theme-beetroot-dark.css
Executable file
87
theme-beetroot-dark.css
Executable file
|
@ -0,0 +1,87 @@
|
|||
@import "theme-forgejo-dark.css";
|
||||
|
||||
:root {
|
||||
--disroot-main: #50162D;
|
||||
--disroot-main-light1: #611332;
|
||||
--disroot-main-light2: #a43a65;
|
||||
--disroot-main-dark1: #201c1c;
|
||||
--disroot-secondary: #8EB726;
|
||||
--disroot-secondary-light1: #afcf60;
|
||||
--disroot-secondary-light2: #cde78c;
|
||||
--disroot-secondary-dark1: #71911E;
|
||||
--disroot-tertiary: #1F5C60;
|
||||
|
||||
--color-primary: var(--disroot-main); /*#fb923c;*/
|
||||
--color-primary-contrast: #fff; /*#000;*/
|
||||
--color-primary-dark-1: var(--disroot-main-dark1); /*#fdba74;*/
|
||||
--color-primary-dark-2: var(--disroot-main-dark1); /*#fdba74;*/
|
||||
--color-green: var(--disroot-main); /*#15803d;*/
|
||||
--color-grey: var(--disroot-main); /*var(--steel-500);*/
|
||||
--color-green-light: var(--disroot-main-light1); /*#16a34a;*/
|
||||
--color-footer: var(--disroot-main-dark1); /*var(--steel-900);*/
|
||||
--color-nav-bg: var(--disroot-main-dark1); /*var(--steel-900);*/
|
||||
}
|
||||
|
||||
|
||||
/* Disroot Modifications */
|
||||
.ui.basic.red.button {
|
||||
background-color: var(--steel-650); /*var(--color-red);*/
|
||||
color: var(--color-red); /*var(--color-white);*/
|
||||
}
|
||||
|
||||
|
||||
/* Disroot additions */
|
||||
|
||||
/* Top bar */
|
||||
#navbar > .menu > .item {
|
||||
color: var(--zinc-200);
|
||||
}
|
||||
|
||||
#navbar > .menu > .item:hover {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main);
|
||||
}
|
||||
|
||||
#navbar > .menu > .active.item {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main-light1);
|
||||
}
|
||||
|
||||
#navbar > .menu > .right .item:hover {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main);
|
||||
}
|
||||
|
||||
#navbar > .menu > .righ .active.item {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main-light1);
|
||||
}
|
||||
|
||||
/* Dashboard navbar (for Organizations) */
|
||||
.dashboard.feeds .right.stackable.menu > .item.active, .dashboard.issues .right.stackable.menu > .item.active {
|
||||
color: var(--disroot-main-light2);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.page-footer .left-links > a {
|
||||
color: var(--disroot-secondary);
|
||||
}
|
||||
|
||||
.page-footer .right-links > a {
|
||||
color: var(--disroot-secondary);
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: var(--disroot-main-light2);
|
||||
}
|
||||
|
||||
a:hover, a.muted:hover{
|
||||
color: var(--disroot-main-light2);
|
||||
}
|
||||
|
||||
.flex-item a:not(.label, .button):hover {
|
||||
color: var(--disroot-main-light2) !important;
|
||||
}
|
||||
|
||||
|
78
theme-beetroot-light.css
Executable file
78
theme-beetroot-light.css
Executable file
|
@ -0,0 +1,78 @@
|
|||
@import "theme-forgejo-light.css";
|
||||
|
||||
:root {
|
||||
--disroot-main: #50162D;
|
||||
--disroot-main-light1: #611332;
|
||||
--disroot-main-light2: #a43a65;
|
||||
--disroot-main-dark1: #201c1c;
|
||||
--disroot-secondary: #8EB726;
|
||||
--disroot-secondary-light1: #afcf60;
|
||||
--disroot-secondary-light2: #cde78c;
|
||||
--disroot-secondary-dark1: #71911E;
|
||||
--disroot-tertiary: #1F5C60;
|
||||
|
||||
--color-primary: var(--disroot-secondary); /*#c2410c;*/
|
||||
--color-primary-dark-2: var(--disroot-secondary-dark1);/*#9a3412;*/
|
||||
--color-primary-light-1: var(--disroot-secondary-light1);/*#ea580c;*/
|
||||
--color-green: var(--disroot-main); /*#15803d;*/
|
||||
--color-grey: var(--disroot-main); /*#4b5563;*/
|
||||
--color-green-light: var(--disroot-main-light1);/*#16a34a;*/
|
||||
--color-text-light: var(--zinc-400); /*var(--zinc-700);*/
|
||||
--color-footer: var(--disroot-main); /*var(--zinc-100);*/
|
||||
--color-nav-bg: var(--disroot-main); /* var(--zinc-100);*/
|
||||
}
|
||||
|
||||
|
||||
/* Removes this for Disroot style
|
||||
.ui.basic.primary.button.item {
|
||||
background-color: var(--color-active) !important;
|
||||
color: var(--color-text) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Disroot Modifications */
|
||||
.ui.basic.labels .primary.label,
|
||||
.ui.ui.ui.basic.primary.label {
|
||||
background-color: var(--disroot-main) !important; /* addition */
|
||||
color: initial !important; /* color: var(--color-text-dark) !important;*/
|
||||
}
|
||||
|
||||
|
||||
/* Disroot additions */
|
||||
|
||||
/* Top bar */
|
||||
#navbar > .menu > .item {
|
||||
color: var(--zinc-200);
|
||||
}
|
||||
|
||||
#navbar > .menu > .item:hover {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main-light1);
|
||||
}
|
||||
|
||||
#navbar > .menu > .active.item {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main-light2);
|
||||
}
|
||||
|
||||
#navbar > .menu > .right .item:hover {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main-light1);
|
||||
}
|
||||
|
||||
#navbar > .menu > .righ .active.item {
|
||||
color: var(--zinc-50);
|
||||
background: var(--disroot-main-light2);
|
||||
}
|
||||
|
||||
/* Dashboard navbar (for Organizations) */
|
||||
.dashboard.feeds .right.stackable.menu > .item.active, .dashboard.issues .right.stackable.menu > .item.active {
|
||||
color: var(--disroot-main-light2);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.page-footer .left-links {
|
||||
color: white;
|
||||
}
|
||||
|
Loading…
Reference in a new issue