/************* * Base Colors **************/ $application_background_color: rgb(217, 217, 217) !default; $primary_color: rgb(19, 158, 221) !default; $primary_gradient_top_color: lighten($primary_color, 16%) !default; $primary_gradient_bottom_color: darken($primary_color, 0%) !default; $link_color: darken($primary_color, 0%) !default; // default links $text_color: rgb(60, 60, 60) !default; $border_color: rgb(200, 200, 200) !default; $white_color: white !default; $black_color: black !default; $transparent_white_color: rgba(white, 0) !default; $success_color: rgb(76,146,23) !default; $warning_color: rgb(255, 134, 14) !default; $error_color: rgb(200,30,40) !default; /**************** * Palette Colors *****************/ /* Proposed colour palette ===========================*/ /* Generic default tone for non interactive elements */ $tone: #a7b0b2 !default; /* Favorite greys for warm interactive elements */ $g0: #ffffff !default; $g1: #f6f6f6 !default; $g2: #d7d5cf !default; $g3: #bdbab6 !default; $g4: #9f9d99 !default; $g5: #565753 !default; $g6: #333333 !default; $g7: #222222 !default; $g8: #111111 !default; $g9: #000000 !default; /* Red Hat toners */ $rh_base: #60605b !default; $rh_cream: #dedcc1 !default; /* Red Hat Official */ $rh_red1: #cc0000 !default; $rh_red2: #9e292b !default; $rh_red3: #781f1c !default; $rh_blue: #4e9fdd !default; $rh_lightblue: #bfdce8 !default; $rh_teal: #2c8596 !default; $rh_dark_blue: #003d6e !default; $rh_lime: #e3e936 !default; $rh_green: #afbf27 !default; $rh_purple: #564979 !default; $rh_orange: #dc9f2e !default; /* Red Hat Apps - Web Extended ================================*/ /* Orange (the letter o) */ $o7: #400 !default; $o6: #b30 !default; $o5: #c40 !default; $o4: #e70 !default; $o3: #fa0 !default; $o2: #fc3 !default; $o1: #fea !default; /* Green */ $link_light: #39f !default; $link: #05f !default; $link_dark: #039 !default; $green1: #a3d541 !default; $green2: #57a81c !default; $green3: #286200 !default; /* Red */ $error_color: #990000 !default; $error_lighter_color: lighten($error_color, 60%) !default; /************ * Theme color ************/ /* background for header */ @mixin theme_background_gradient { @include background( linear-gradient( top, $primary_gradient_top_color 0%, $primary_gradient_top_color 40%, $primary_gradient_bottom_color 100% ) ); }