From 9b089b976bd533b0fb4b5d5416e6816378f3a259 Mon Sep 17 00:00:00 2001 From: Vrifox Date: Tue, 29 Dec 2020 10:30:43 +0100 Subject: [PATCH] added organization related theming --- scss/dynamic.scss | 1 + scss/import/include.scss | 68 +++++++++++++++++++++++++++++++++++ scss/import/organization.scss | 52 +++++++++++++++++++++++++++ scss/import/repository.scss | 1 + scss/import/user.scss | 64 ++------------------------------- scss/static.scss | 1 + 6 files changed, 125 insertions(+), 62 deletions(-) create mode 100644 scss/import/organization.scss diff --git a/scss/dynamic.scss b/scss/dynamic.scss index 2aa4113..7f9d683 100644 --- a/scss/dynamic.scss +++ b/scss/dynamic.scss @@ -36,5 +36,6 @@ $border-radius: 5px; @import 'import/explore.scss'; @import 'import/repository.scss'; @import 'import/user.scss'; +@import 'import/organization.scss'; @import 'import/_footer.scss'; diff --git a/scss/import/include.scss b/scss/import/include.scss index 14333f4..45270d9 100644 --- a/scss/import/include.scss +++ b/scss/import/include.scss @@ -429,3 +429,71 @@ } } } + +@mixin search { + form.form { + .input { + input { + background: $bg40; + border: 2px solid $bg60; + color: $white; + &:focus { + background: $bg50; + border: 2px solid $bg60; + color: $white-light; + } + } + .button { + background: $bg60; + border: 0; + &:hover { + background: $bg50; + } + } + } + } +} + +@mixin repository-list { + .repository.list { + .item { + &:not(:first-child) { + border-top: 1px solid $bg60; + } + .header { + a.name { + font-family: $font-family; + i.archive.icon { + color: $white-dark !important; + } + } + .metas { + @if $singleuser == true { + display: none; + } + span { + color: $white-dark !important; + } + } + } + .description { + p { + color: $white; + &.time { + color: $white-dark; + } + } + .tags { + a .label { + background: $bg60; + color: $white; + &:hover { + background: $bg70; + color: $white-light; + } + } + } + } + } + } +} diff --git a/scss/import/organization.scss b/scss/import/organization.scss new file mode 100644 index 0000000..87595ee --- /dev/null +++ b/scss/import/organization.scss @@ -0,0 +1,52 @@ + +/* organization: profile */ + +.organization.profile { + .container { // 1st + #org-info { + .header { + color: $white; + } + .desc { + color: $white-dark; + } + .text.grey.meta { + color: $white-dark; + .item { + a { + color: $red !important; + } + } + } + } + } + .divider { + border-bottom: 1px solid $bg60 !important; + border-top: 0 !important; + } + .container { // 2nd + //.grid { + //.eleven.wide.column { + @if $nojavascript == true { + .filter.menu { + display: none; + } + } + @include search; + //} + //.five.wide.column + .top.attached.header { + background: $bg60; + border: 0; + color: $white; + } + .attached.segment.members { + background: $bg30; + border: 0; + color: $white; + } + @include repository-list; + //} + //} + } +} diff --git a/scss/import/repository.scss b/scss/import/repository.scss index 1d96bfe..45f5748 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -1413,6 +1413,7 @@ fill: $white; } } + @include dropdown; .dropdown.button { .download.icon { color: $white; diff --git a/scss/import/user.scss b/scss/import/user.scss index c140c5e..4625383 100644 --- a/scss/import/user.scss +++ b/scss/import/user.scss @@ -95,71 +95,11 @@ display: none; } } - form.form { - .input { - input { - background: $bg40; - border: 2px solid $bg60; - color: $white; - &:focus { - background: $bg50; - border: 2px solid $bg60; - color: $white-light; - } - } - .button { - background: $bg60; - border: 0; - &:hover { - background: $bg50; - } - } - } - } + @include search; .divider { border-bottom: 1px solid $bg60; } - .repository.list { - .item { - &:not(:first-child) { - border-top: 1px solid $bg60; - } - .header { - a.name { - font-family: $font-family; - i.archive.icon { - color: $white-dark !important; - } - } - .metas { - @if $singleuser == true { - display: none; - } - span { - color: $white-dark !important; - } - } - } - .description { - p { - color: $white; - &.time { - color: $white-dark; - } - } - .tags { - a .label { - background: $bg60; - color: $white; - &:hover { - background: $bg70; - color: $white-light; - } - } - } - } - } - } + @include repository-list; } } } diff --git a/scss/static.scss b/scss/static.scss index a7551a0..e63970a 100644 --- a/scss/static.scss +++ b/scss/static.scss @@ -34,5 +34,6 @@ $border-radius: 5px; @import 'import/explore.scss'; @import 'import/repository.scss'; @import 'import/user.scss'; +@import 'import/organization.scss'; @import 'import/_footer.scss';