added/formatted background

2025-07-04 12:08:49 +02:00 · 2025-05-08 15:50:36 +02:00
parent 2300bbdbd2
commit bb661ce672
5 changed files with 4478 additions and 0 deletions
--- a/background/themes/nfdi.scss
+++ b/background/themes/nfdi.scss
@ -0,0 +1,119 @@
+/*-- scss:defaults --*/
+  // --primary-color: light-dark(#006890,#004f6e);
+
+
+$blue:    #004f6e !default;
+$blue-light:  #006890 !default;
+// $indigo:  #6610f2 !default;
+$purple:  #7e3f73 !default;
+// $pink:    #d63384 !default;
+$red:     #c44814 !default;
+// $orange:  #fd7e14 !default;
+$yellow:  #deae00 !default;
+$green:   #7ba01e !default;
+// $teal:    #20c997 !default;
+$cyan:    #008ac0 !default;
+$gray:    #9d9d9d !default;
+
+$white:    #fff !default;
+$gray-100: tint-color($gray, 80%) !default;
+$gray-200: tint-color($gray, 60%) !default;
+$gray-300: tint-color($gray, 40%) !default;
+$gray-400: tint-color($gray, 20%) !default;
+$gray-500: $gray !default;
+$gray-600: shade-color($gray, 20%) !default;
+$gray-700: shade-color($gray, 40%) !default;
+$gray-800: shade-color($gray, 60%) !default;
+$gray-900: shade-color($gray, 80%) !default;
+$black:    #000 !default;
+
+$primary:       $blue !default;
+$secondary:     $blue-light !default;
+$accent:        $yellow !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-900 !default;
+
+$min-contrast-ratio:   2.6 !default;
+
+$link-color:    $secondary !default;
+// Options
+
+$enable-rounded: true !default;
+
+// Body
+
+$body-color:    $gray-800 !default;
+
+// Fonts
+
+// stylelint-disable-next-line value-keyword-case
+//$font-family-sans-serif:    "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$headings-font-weight:      400 !default;
+
+// Navbar
+
+$navbar-dark-hover-color:       rgba($white, 1) !default;
+$navbar-light-hover-color:      rgba($black, .9) !default;
+
+// Alerts
+
+$alert-border-width:            0 !default;
+
+// Progress bars
+
+$progress-height:               .5rem !default;
+
+
+/*-- scss:rules --*/
+
+
+// Variables
+
+// $web-font-path: "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap" !default;
+// @if $web-font-path {
+//   @import url($web-font-path);
+// }
+
+// Typography
+
+body {
+  -webkit-font-smoothing: antialiased;
+}
+
+// Indicators
+
+.badge {
+  &.bg-light {
+    color: $dark;
+  }
+}
+
+// Progress bars
+
+.progress {
+  @include box-shadow(none);
+
+  .progress-bar {
+    font-size: 8px;
+    line-height: 8px;
+  }
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+  color: $primary;
+}
+
+
+strong {
+  text-shadow: 0px 0px 1px $secondary;
+}
+
+em {
+  text-shadow: 0px 0px 1px $secondary;
+}
+