mirror of
https://github.com/weaveworks/scope.git
synced 2026-03-03 18:20:27 +00:00
f9e9a8ae4d
* Shrink timeline height to 55px and make years fade out as hours fade in. * Address the comments.
61 lines
1.8 KiB
SCSS
61 lines
1.8 KiB
SCSS
$fa-font-path: "~font-awesome/fonts";
|
|
/* weave company colours */
|
|
$weave-gray-blue: rgb(85,105,145);
|
|
$weave-blue: rgb(0,210,255);
|
|
$weave-orange: rgb(255,75,25);
|
|
$weave-charcoal-blue: rgb(50,50,75); // #32324B
|
|
$success-green: green;
|
|
|
|
$base-font: "Roboto", sans-serif;
|
|
$mono-font: "Menlo", "DejaVu Sans Mono", "Liberation Mono", monospace;
|
|
|
|
$base-ease: ease-in-out;
|
|
$primary-color: $weave-charcoal-blue;
|
|
|
|
$background-color: lighten($primary-color, 66%);
|
|
$background-lighter-color: lighten($background-color, 8%);
|
|
$background-average-color: mix($background-color, $background-lighter-color);
|
|
$background-darker-color: darken($background-color, 8%);
|
|
$background-darker-secondary-color: darken($background-color, 4%);
|
|
$background-dark-color: $primary-color;
|
|
$text-color: lighten($primary-color, 5%);
|
|
$text-secondary-color: lighten($text-color, 15%);
|
|
$text-tertiary-color: lighten($text-color, 30%);
|
|
$border-light-color: lighten($text-color, 60%);
|
|
$text-darker-color: $primary-color;
|
|
$white: $background-lighter-color;
|
|
|
|
$details-window-width: 420px;
|
|
$details-window-padding-left: 30px;
|
|
$border-radius: 4px;
|
|
|
|
$terminal-header-height: 44px;
|
|
|
|
$node-highlight-shadow-opacity: 0.5;
|
|
$node-highlight-stroke-opacity: 0.4;
|
|
$node-highlight-stroke-width: 0.04;
|
|
$node-border-stroke-width: 0.12;
|
|
$node-shadow-stroke-width: 0.18;
|
|
$node-pseudo-opacity: 0.8;
|
|
$node-text-scale: 2;
|
|
$edge-highlight-opacity: 0.1;
|
|
$edge-opacity-blurred: 0.2;
|
|
$edge-opacity: 0.5;
|
|
$edge-color: rgb(110, 110, 156);
|
|
|
|
$btn-opacity-default: 0.7;
|
|
$btn-opacity-hover: 1;
|
|
$btn-opacity-selected: 0.9;
|
|
$btn-opacity-disabled: 0.25;
|
|
|
|
$link-opacity-default: 0.8;
|
|
|
|
$search-border-color: transparent;
|
|
$search-border-width: 1px;
|
|
|
|
$timeline-height: 55px;
|
|
|
|
/* specific elements */
|
|
$body-background-color: linear-gradient(30deg, $background-color 0%, $background-lighter-color 100%);
|
|
$label-background-color: fade-out($background-average-color, .3);
|