shared.schemes._normal.scss Maven / Gradle / Ivy
// Typography Variables
$font-family-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family-secondary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
$font-size-base: 1em;
$font-size-large: 1.5px;
$font-size-small: 0.8px;
$font-weight-normal: 400;
$font-weight-bold: 700;
// Base colors
$base-white: #ffffff;
$base-dark: #333333; // Dark color for text
$base-light-blue: #dae8fc; // Light blue for a subtle background
$base-grey: #7f8c8d; // Adjust for better readability
$base-dark-blue: #2c3e50; // Good for headers or footers
$base-light-grey: #ecf0f1; // Good for backgrounds
$base-blue: #3498db; // Vibrant blue for links and buttons
$base-green: #2ecc71; // Success color
$base-red: #e74c3c; // Error color
$base-orange: #e67e22; // A warm, friendly color for buttons
$base-dark-grey: #95a5a6; // For subtle text
// Derived colors
$secondary-bg-color: $base-white;
$secondary-text-color: $base-dark;
$applist-header-bg: $base-dark-blue;
$applist-header-text: $base-white;
$applist-link-color: $base-blue;
$applist-row-even-bg: $base-light-blue;
$applist-row-hover-bg: $base-light-grey;
$border-color: $base-grey;
$border-radius: 4px;
$box-shadow: 0 2px 4px rgba($base-grey, 0.2);
$close-color: $secondary-text-color;
$close-hover-color: darken($secondary-text-color, 10%);
$dropdown-btn-bg: $base-dark-blue;
$dropdown-content-bg: $base-white;
$dropdown-content-hover-bg: $base-light-grey;
$error-color: $base-red;
$success-color: $base-green;
$footer-link-color: $base-dark-grey;
$footer-link-hover-color: darken($footer-link-color, 10%);
$link-color: $base-orange; // Changed from yellow to orange
$link-hover-color: darken($link-color, 10%);
$modal-overlay-color: rgba($base-dark-blue, 0.7);
$new-session-link-bg: $base-orange; // Changed from yellow to orange
$new-session-link-hover-bg: darken($new-session-link-bg, 10%);
$primary-bg-color: $base-light-grey; // Light background for content areas
$primary-text-color: $base-dark; // Dark text for better readability
$reply-message-bg: $base-white;
$reply-message-border: $base-grey;
$response-message-bg: $base-white;
$response-message-border: $base-grey;
$spinner-border-color: lighten($base-grey, 10%);
$toolbar-bg-color: $base-white;
$toolbar-hover-bg-color: $base-light-grey;
$toolbar-hover-text-color: $base-dark;
$toolbar-text-color: $base-dark;
$transition-speed: 0.3s;
$user-message-bg: $base-light-blue;
$user-message-border: $base-grey;
$verbose-pre-bg: $base-light-grey;
$verbose-pre-border: $base-grey;
// Buttons
$button-bg-color: $base-blue;
$button-text-color: $base-white;
$button-hover-bg-color: darken($button-bg-color, 10%);
$button-hover-text-color: $button-text-color;
$button-border-radius: $border-radius;
$button-box-shadow: $box-shadow;
// Forms
$input-border-color: $base-grey;
$input-border-focus-color: $base-blue;
$input-bg-color: $base-white;
$input-text-color: $secondary-text-color;
$input-padding: 10px;
// Messages and Modals
$message-info-bg-color: lighten($base-blue, 50%);
$message-info-text-color: $base-dark-blue;
$message-success-bg-color: lighten($base-green, 50%);
$message-success-text-color: $base-green;
$message-error-bg-color: lighten($base-red, 50%);
$message-error-text-color: $base-red;
$modal-content-bg-color: $base-white;
$modal-content-text-color: $secondary-text-color;
$modal-content-shadow: 0 4px 8px rgba($base-grey, 0.3);