Merge branch 'v3.25.0-1'

CHANGELOG.md

@@ -0,0 +1,12 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [v3.25.0-1](https://github.com/cloudogu/swagger-ui/releases/tag/v3.25.0-1) - 2020-04-06
+
+### Added
+- add custom styles corresponding to the Cloudogu theme

src/style/_cloudogu.scss

@@ -0,0 +1,42 @@
+//Custom Styles
+//Import Droid Sans from Google Fonts
+//TODO: move to head-Tag of app
+@import url(http://fonts.googleapis.com/css?family=Droid%20Sans:400i,300,400,700);
+
+//Custom Colors
+$cloudogu-blue: #23a3dd;
+$cloudogu-darker-blue: #00426B;
+$cloudogu-dark-blue: #0a4d6c;
+$cloudogu-medium-blue: #1b7daa;
+$cloudogu-gray: #878787;
+$cloudogu-green: #b8cd08;
+$cloudogu-yellow: #fec900;
+$cloudogu-red: #e43b53;
+
+//Custom Fonts
+$droid: 'Droid Sans', sans-serif;
+$mono: Consolas, "Liberation Mono", Courier, monospace;
+//Fonts applied in _type.scss
+
+//Theme
+//font-color of links etc.
+$color-info: $cloudogu-blue;
+
+//colors for get, post and delete changed to cloudogu-theme
+$_color-get: $cloudogu-blue;
+$_color-post: $cloudogu-green;
+$_color-delete: $cloudogu-red;
+
+//3. Custom Top-Bar
+$topbar-background-color: $cloudogu-darker-blue;
+
+$topbar-download-url-wrapper-element-border-color: $cloudogu-medium-blue;
+
+$topbar-download-url-button-background-color: $cloudogu-medium-blue;
+
+
+//Type-Colors
+//Default color of text changed to cloudogu-gray
+$text-body-default-font-color: $cloudogu-gray;
+$text-code-default-font-color: $cloudogu-gray;
+$text-headline-default-font-color: $cloudogu-gray;

src/style/_type.scss

@@ -1,21 +1,22 @@
 @mixin text_body($color: $text-body-default-font-color)
 {
-    font-family: sans-serif;
-
+    //font-family: sans-serif;
+    font-family: $droid;
     color: $color;
 }
 
 @mixin text_code($color: $text-code-default-font-color)
 {
-    font-family: monospace;
+    //font-family: monospace;
+    font-family: $mono;
     font-weight: 600;
 
     color: $color;
 }
 
 @mixin text_headline($color: $text-headline-default-font-color)
 {
-    font-family: sans-serif;
-
+    //font-family: sans-serif;
+    font-family: $droid;
     color: $color;
 }

src/style/main.scss

@@ -1,5 +1,6 @@
 .swagger-ui
 {
+    @import 'cloudogu';//custom styles cloudogu-theme
     @import '~tachyons-sass/tachyons.scss';
     @import 'mixins';
     @import 'variables';