phares3757/gogsthemes
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #7 from lowking/master

Browse Source 
Modify effects / added install script
This commit is contained in:
Kos-M 2021-02-03 21:28:47 +02:00 committed by GitHub
commit dc7dfbe07d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 60 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
install.sh Executable file
View File

@ -0,0 +1,6 @@
mkdir -p ../custom/templates/inject/
mkdir -p ../custom/public/css/
rm ../custom/templates/inject/head.tmpl
echo '<link rel="stylesheet" href="/css/themes/dark_theme.css">' >> ../custom/templates/inject/head.tmpl
cp -r ./themes/ ../custom/public/css/
cp -r ./img/ ../custom/public/

45
themes/dark_theme.css
View File

@ -1,4 +1,10 @@
/**** Syntax Highlighting ****/
* {
outline: none;
transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
transition-property: color,background-color,border-color,box-shadow;
}
body:not(.full-width) {
background-color: #111;
background-image: url("/img/grad1.png");
@ -15,6 +21,10 @@ body:not(.full-width) {
top: 0;
}
.ui.menu .dropdown.item .menu {
background: #1d1d1d;
}
@media (max-width: 1199px) {
.ui.container:not(.fluid) {
width: 85% !important;
@ -42,6 +52,10 @@ h5,
color: #197474;
}
.ui.info.segment.top {
background-color: #1d1d1d!important;
}
#file-content h1,
#file-content h2,
#file-content h3,
@ -840,8 +854,11 @@ tr:hover a {
border-color: transparent;
border-radius: 0;
background: #111;
-webkit-box-shadow: 0px 0px 8px 2px #c8c183;
box-shadow: 0px 0px 8px 2px #c8c183;
-webkit-box-shadow: 0 0 0px 1px #605d5d;
box-shadow: 0 0 0px 1px #605d5d;
transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
transition-property: color,background-color,border-color,box-shadow;
}
.ui.action.input:not([class*="left action"]) > input:focus {
@ -871,16 +888,22 @@ tr:hover a {
background: #1c1c1c none !important;
color: silver !important;
font-weight: 600;
-webkit-box-shadow: 0 0 8px 0px #c8c183;
box-shadow: 0 0 8px 0px #c8c183;
-webkit-box-shadow: 0 0 0px 1px #2b2b2b;
box-shadow: 0 0 0px 1px #2b2b2b;
transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
transition-property: color,background-color,border-color,box-shadow;
}
.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
background: #1c1c1c !important;
color: rgba(196, 45, 45, 0.95) !important;
-webkit-box-shadow: 0 0 8px 0px #c8c183;
box-shadow: 0 0 8px 0px #c8c183;
-webkit-box-shadow: 0 0 0px 1px #605d5d;
box-shadow: 0 0 0px 1px #605d5d;
transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
transition-property: color,background-color,border-color,box-shadow;
}
.ui.label {
@ -912,8 +935,11 @@ tr:hover a {
.ui.buttons:not(.basic):not(.inverted) > .button,
.ui.buttons > .ui.button:not(.basic):not(.inverted) {
-webkit-box-shadow: 0 0 8px 0px #c8c183;
box-shadow: 0 0 8px 0px #c8c183;
-webkit-box-shadow: 0 0 0px 1px #2b2b2b;
box-shadow: 0 0 0px 1px #2b2b2b;
transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
transition-property: color,background-color,border-color,box-shadow;
}
.ui.button {
@ -928,6 +954,9 @@ tr:hover a {
.ui.card,
.ui.cards > .card {
box-shadow: 0px -1px 22px 10px #151124;
transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
transition-property: color,background-color,border-color,box-shadow;
}
a {

26
themes/dark_theme.scss
View File

@ -8,7 +8,7 @@ $accentBase-dark : #4682b485;
$active : rgba(196, 45, 45, 0.95);
$link : #193c9b;
$btnColor : #122940;
$btnShadow : #c8c183;
$btnShadow : #2b2b2b;
$userCardShadow : #151124;
$RepoFilesBg : #0a294878;
$codeBg : #111;
@ -43,6 +43,10 @@ body:not(.full-width) {
top: 0;
}
.ui.menu .dropdown.item .menu {
background: #1d1d1d;
}
@media (max-width: 1199px) {
.ui.container:not(.fluid) {
width: 85% !important;
@ -72,6 +76,10 @@ h5,
color: $accentBase;
}
.ui.info.segment.top {
background-color: #1d1d1d!important;
}
#file-content h1,
#file-content h2,
#file-content h3,
@ -873,8 +881,8 @@ tr:hover a {
border-color: transparent;
border-radius: 0;
background: $mainBgColor;
-webkit-box-shadow: 0px 0px 8px 2px $btnShadow;
box-shadow: 0px 0px 8px 2px $btnShadow;
-webkit-box-shadow: 0 0 0px 1px $btnShadow;
box-shadow: 0 0 0px 1px $btnShadow;
}
.ui.action.input:not([class*="left action"])>input:focus {
@ -904,16 +912,16 @@ tr:hover a {
background: $secondBgColor none !important;
color: $mainTextColor!important;
font-weight: 600;
-webkit-box-shadow: 0 0 8px 0px $btnShadow;
box-shadow: 0 0 8px 0px $btnShadow;
-webkit-box-shadow: 0 0 0px 1px $btnShadow;
box-shadow: 0 0 0px 1px $btnShadow;
}
.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
background: $secondBgColor !important;
color: $active !important;
-webkit-box-shadow: 0 0 8px 0px $btnShadow;
box-shadow: 0 0 8px 0px $btnShadow;
-webkit-box-shadow: 0 0 0px 1px $btnShadow;
box-shadow: 0 0 0px 1px $btnShadow;
}
.ui.label {
@ -945,8 +953,8 @@ tr:hover a {
.ui.buttons:not(.basic):not(.inverted)>.button,
.ui.buttons>.ui.button:not(.basic):not(.inverted) {
-webkit-box-shadow: 0 0 8px 0px $btnShadow;
box-shadow: 0 0 8px 0px $btnShadow;
-webkit-box-shadow: 0 0 0px 1px $btnShadow;
box-shadow: 0 0 0px 1px $btnShadow;
}
.ui.button {