diff --git a/scss/backend.scss b/scss/backend.scss index 80f8b0c..578f866 100644 --- a/scss/backend.scss +++ b/scss/backend.scss @@ -20,16 +20,12 @@ $border-radius: 5px; // // - +@import 'import/colors'; @import 'import/main'; @import 'import/nav'; - @import 'import/repository.scss'; - @import 'import/explore.scss'; - @import 'import/user.scss'; - @import 'import/footer'; diff --git a/scss/frontend.scss b/scss/frontend.scss index cfbd40d..3fd22a5 100644 --- a/scss/frontend.scss +++ b/scss/frontend.scss @@ -20,16 +20,12 @@ $border-radius: 5px; // // - +@import 'import/colors'; @import 'import/main'; @import 'import/nav'; - @import 'import/repository.scss'; - @import 'import/explore.scss'; - @import 'import/user.scss'; - @import 'import/footer'; diff --git a/scss/import/_colors.scss b/scss/import/_colors.scss new file mode 100644 index 0000000..ad7bb65 --- /dev/null +++ b/scss/import/_colors.scss @@ -0,0 +1,4 @@ +$green: rgb(100, 200, 130); +$green-dark: rgb(80, 180, 110); +$red: rgb(255, 130, 130); +$red-dark: rgb(255, 110, 110); diff --git a/scss/import/repository.scss b/scss/import/repository.scss index 430935d..93c9d30 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -634,9 +634,6 @@ .segment { background: rgb(30, 30, 45); border: 0; - .text { - background: rgb(30, 30, 45); - } h4.header { // »There has not been any commit activity in this period.« background: rgb(30, 30, 45); } @@ -645,6 +642,52 @@ display: none; } } + .text { + background: rgb(30, 30, 45); + .green.text { + color: $green !important; + .svg.octicon-issue-opened { + fill: $green; + } + } + .red.text { + color: $red !important; + .svg.octicon-issue-closed { + fill: $red; + } + } + } + } + .divider.header { + background: initial; + border: 0; + display: flex; + &::after, + &::before { + background: rgb(60, 60, 90); + height: 1px; + top: 7px; + } + &::after { + margin-left: 10px; + } + &::before { + margin-right: 10px; + } + span.text { + margin: 0 5px 0 0; + @if $nojavascript == true { + display: none; + } + } + } + .list { + .green.label { + background: $green; + } + .red.label { + background: $red; + } } } }