diff --git a/README.md b/README.md index d53e601..01bf75b 100644 --- a/README.md +++ b/README.md @@ -6,13 +6,25 @@ I mostly bruteforced which colors to change by inspecting every element with und It's really easy to fix color inconsistencies, just use a color picker to get the color, then Inspect Element and go to the styling section. There, CTRL+F and search for the color (note that the letters must be lowercase, the colors whose letters aren't lowercase are most likely added by me) # Installation -1. To install, first check your CustomPath by typing: -`gitea help` -Mine is `/usr/local/bin/custom`. You'll need to create 3 directories. -`/usr/local/bin/custom/public/css` should be your final structure. +1. To install, first check your CustomPath by visiting the admin panel of your instance. -2. Clone the repository +Mine is `/var/lib/gitea//custom`. You'll need to create 3 directories. Something like `/var/lib/gitea/custom/public/css` should be your final structure. + +1. Clone the repository `git clone https://github.com/acoolstraw/earl-grey` 3. Move `theme-earl-grey.css` into the `public/css` directory -`mv earl-grey/theme-earl-grey.css /usr/local/bin/custom/public/css/` \ No newline at end of file +`cp earl-grey/theme-earl-grey.css /var/lib/gitea/custom/public/css/` + +4. Add (or replace) the following to your `app.ini`: +``` +[ui] +DEFAULT_THEME = earl-grey +THEMES = gitea,arc-green,earl-grey +``` + +5. Clean up +`rm -r earl-grey` + +# Development +Gitea uses Less for styling, keep that in mind when contributing. And you must contribute to `earl-grey.less`, because that's what's being made into `theme-earl-grey.css` \ No newline at end of file diff --git a/earl-grey.less b/earl-grey.less index e0647ae..a4ce6e2 100644 --- a/earl-grey.less +++ b/earl-grey.less @@ -163,20 +163,20 @@ } :root { --color-primary:#3D84E7; - --color-primary-dark-1:#93b373; + --color-primary-dark-1:#739cb3; --color-primary-dark-2:#40AAFF; - --color-primary-dark-3:#abc492; - --color-primary-dark-4:#b7cda1; + --color-primary-dark-3:#92b4c4; + --color-primary-dark-4:#a1bbcd; --color-primary-dark-5:#cfddc1; --color-primary-dark-6:#e7eee0; --color-primary-dark-7:#f8faf6; --color-primary-light-1:#3D84E7; - --color-primary-light-2:#6c8c4c; - --color-primary-light-3:#5f7b42; - --color-primary-light-4:#516939; - --color-primary-light-5:#364626; - --color-primary-light-6:#1b2313; - --color-primary-light-7:#080b06; + --color-primary-light-2:#437aad; + --color-primary-light-3:#415b8b; + --color-primary-light-4:#25425a; + --color-primary-light-5:#223546; + --color-primary-light-6:#131923; + --color-primary-light-7:#06090b; --color-primary-alpha-10:#3683C019; --color-primary-alpha-20:#3683C033; --color-primary-alpha-30:#3683C04b; @@ -300,7 +300,7 @@ color:#fff } .feeds .list ul li.private { - background:#353945 + background:#1D1F23 } .ui.link.list .item, .ui.link.list .item a:not(.ui), @@ -402,7 +402,7 @@ background-color:#a0cc75 } .ui.search>.results { - background:#383c4a; + background:#1D1F23; border-color:var(--color-secondary) } .ui.category.search>.results .category .result:hover, @@ -451,11 +451,11 @@ .ui.active.button:active, .ui.button:active, .ui.button:focus { - background-color:#2e3e4e; + background-color:#393B3F; color:#dbdbdb } .ui.active.button:hover { - background-color:#475e75; + background-color:#474B51; color:#dbdbdb } .repository .navbar .active.item, @@ -529,9 +529,9 @@ background-color:#984646 } .ui.positive.message { - background-color:#0d491b; + background-color:#48915A; color:#3683C0; - box-shadow:inset 0 0 0 1px #2d693b,0 0 0 0 transparent + box-shadow:inset 0 0 0 1px #48915A,0 0 0 0 transparent } .ui.negative.message { background-color:rgba(80,23,17,.6); @@ -638,7 +638,7 @@ border-color:var(--color-secondary) } .ui.modal>.content { - background:#383c4a + background:#1D1F23 } .minicolors-panel { background:var(--color-secondary)!important; @@ -764,7 +764,7 @@ } .repository.release #release-list>li .detail .dot { background-color:#505667; - border-color:#383c4a + border-color:#1D1F23 } .tribute-container { box-shadow:0 .25rem .5rem rgba(0,0,0,.6) diff --git a/theme-earl-grey.css b/theme-earl-grey.css index bde125d..658bd54 100644 --- a/theme-earl-grey.css +++ b/theme-earl-grey.css @@ -163,20 +163,20 @@ } :root { --color-primary: #3D84E7; - --color-primary-dark-1: #93b373; + --color-primary-dark-1: #739cb3; --color-primary-dark-2: #40AAFF; - --color-primary-dark-3: #abc492; - --color-primary-dark-4: #b7cda1; + --color-primary-dark-3: #92b4c4; + --color-primary-dark-4: #a1bbcd; --color-primary-dark-5: #cfddc1; --color-primary-dark-6: #e7eee0; --color-primary-dark-7: #f8faf6; --color-primary-light-1: #3D84E7; - --color-primary-light-2: #6c8c4c; - --color-primary-light-3: #5f7b42; - --color-primary-light-4: #516939; - --color-primary-light-5: #364626; - --color-primary-light-6: #1b2313; - --color-primary-light-7: #080b06; + --color-primary-light-2: #437aad; + --color-primary-light-3: #415b8b; + --color-primary-light-4: #25425a; + --color-primary-light-5: #223546; + --color-primary-light-6: #131923; + --color-primary-light-7: #06090b; --color-primary-alpha-10: #3683C019; --color-primary-alpha-20: #3683C033; --color-primary-alpha-30: #3683C04b; @@ -301,7 +301,7 @@ color: #fff; } .feeds .list ul li.private { - background: #353945; + background: #1D1F23; } .ui.link.list .item, .ui.link.list .item a:not(.ui), @@ -403,7 +403,7 @@ a.ui.ui.ui.green.label:hover { background-color: #a0cc75; } .ui.search > .results { - background: #383c4a; + background: #1D1F23; border-color: var(--color-secondary); } .ui.category.search > .results .category .result:hover, @@ -452,11 +452,11 @@ a.ui.ui.ui.green.label:hover { .ui.active.button:active, .ui.button:active, .ui.button:focus { - background-color: #2e3e4e; + background-color: #393B3F; color: #dbdbdb; } .ui.active.button:hover { - background-color: #475e75; + background-color: #474B51; color: #dbdbdb; } .repository .navbar .active.item, @@ -530,9 +530,9 @@ td.blob-hunk { background-color: #984646; } .ui.positive.message { - background-color: #0d491b; + background-color: #48915A; color: #3683C0; - box-shadow: inset 0 0 0 1px #2d693b, 0 0 0 0 transparent; + box-shadow: inset 0 0 0 1px #48915A, 0 0 0 0 transparent; } .ui.negative.message { background-color: rgba(80, 23, 17, 0.6); @@ -639,7 +639,7 @@ td.blob-excerpt { border-color: var(--color-secondary); } .ui.modal > .content { - background: #383c4a; + background: #1D1F23; } .minicolors-panel { background: var(--color-secondary) !important; @@ -765,7 +765,7 @@ footer .container .links > * { } .repository.release #release-list > li .detail .dot { background-color: #505667; - border-color: #383c4a; + border-color: #1D1F23; } .tribute-container { box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.6);