diff --git a/app/javascript/images/background-kosmos.jpg b/app/javascript/images/background-kosmos.jpg new file mode 100644 index 000000000..6be143274 Binary files /dev/null and b/app/javascript/images/background-kosmos.jpg differ diff --git a/app/javascript/styles/custom.scss b/app/javascript/styles/custom.scss new file mode 100644 index 000000000..7a60d43cc --- /dev/null +++ b/app/javascript/styles/custom.scss @@ -0,0 +1,26 @@ +@import 'application'; + +body { + background-color: $ui-base-color; + background-image: url('../images/background-kosmos.jpg'); + background-size: cover; + background-attachment: fixed; +} + +body.about-body { + background-color: transparent; + background-image: url('../images/background-kosmos.jpg'); + background-size: cover; + background-attachment: fixed; +} + +.landing-page .learn-more-cta { + background: rgba(31, 35, 43, 50%); +} + +.ui { + background-color: darken($ui-base-color, 7%); + background-image: url('../images/background-kosmos.jpg'); + background-size: cover; + background-attachment: fixed; +} diff --git a/config/themes.yml b/config/themes.yml index 9c21c9459..d032b009d 100644 --- a/config/themes.yml +++ b/config/themes.yml @@ -1,3 +1,3 @@ -default: styles/application.scss +default: styles/custom.scss contrast: styles/contrast.scss mastodon-light: styles/mastodon-light.scss