shared.schemes._alien_spaceship.scss Maven / Gradle / Ivy
@import 'normal';
// Base colors for Alien Spaceship theme
$base-deep-space-black: #0b0c10; // A deep black reminiscent of the void of space
$base-galactic-blue: #1f2833; // A dark blue that evokes the cold, vast expanse of the galaxy
$base-nebula-grey: #c5c6c7; // A soft grey inspired by the colors of a distant nebula
$base-asteroid-gray: #4e4e50; // A muted gray reminiscent of the rocky surface of an asteroid
$base-alien-green: #66fcf1; // A bright green for highlights, inspired by classic alien aesthetics
$base-laser-red: #fc4445; // A striking red for important buttons or warnings, inspired by laser beams
$base-space-dust: #ccc; // A light grey for background contrasts, reminiscent of cosmic dust
$base-comet-tail: #45a29e; // A medium teal for borders and lines, inspired by the tail of a comet
// Derived colors for Alien Spaceship theme
$secondary-bg-color: $base-deep-space-black;
$secondary-text-color: lighten($base-space-dust, 15%);
$applist-header-bg: $base-galactic-blue;
$applist-header-text: $base-alien-green;
$applist-link-color: $base-laser-red;
$applist-row-even-bg: lighten($base-galactic-blue, 10%);
$applist-row-hover-bg: $base-asteroid-gray;
$border-color: $base-comet-tail;
$border-radius: 4px;
$box-shadow: 0 2px 4px rgba($base-asteroid-gray, 0.2);
$close-color: $secondary-text-color;
$close-hover-color: darken($secondary-text-color, 10%);
$dropdown-btn-bg: $base-galactic-blue;
$dropdown-content-bg: $base-deep-space-black;
$dropdown-content-hover-bg: $base-asteroid-gray;
$error-color: lighten($base-laser-red, 10%);
$success-color: $base-alien-green;
$footer-link-color: $base-space-dust;
$footer-link-hover-color: darken($footer-link-color, 10%);
$link-color: $base-alien-green;
$link-hover-color: darken($link-color, 10%);
$modal-overlay-color: rgba($base-galactic-blue, 0.7);
$new-session-link-bg: $base-alien-green;
$new-session-link-hover-bg: darken($new-session-link-bg, 10%);
$primary-bg-color: $base-deep-space-black;
$primary-text-color: $base-space-dust;
$reply-message-bg: darken($base-deep-space-black, 5%);
$reply-message-border: $base-comet-tail;
$response-message-bg: darken($base-deep-space-black, 5%);
$response-message-border: $base-comet-tail;
$spinner-border-color: lighten($base-comet-tail, 10%);
$toolbar-bg-color: $base-galactic-blue;
$toolbar-hover-bg-color: $base-asteroid-gray;
$toolbar-hover-text-color: $base-space-dust;
$toolbar-text-color: $base-space-dust;
$transition-speed: 0.3s;
$user-message-bg: lighten($base-galactic-blue, 15%);
$user-message-border: $base-comet-tail;
$verbose-pre-bg: $base-asteroid-gray;
$verbose-pre-border: $base-comet-tail;
// Buttons
$button-bg-color: $base-laser-red;
$button-text-color: $base-deep-space-black;
$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 remain the same
// Messages and Modals
$message-info-bg-color: lighten($base-nebula-grey, 20%);
$message-info-text-color: $base-galactic-blue;
$message-success-bg-color: lighten($base-alien-green, 20%);
$message-success-text-color: $base-alien-green;
$message-error-bg-color: lighten($base-laser-red, 20%);
$message-error-text-color: darken($base-laser-red, 10%);
$modal-content-bg-color: $base-deep-space-black;
$modal-content-text-color: $secondary-text-color;
$modal-content-shadow: 0 4px 8px rgba($base-asteroid-gray, 0.3);