github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-07-15 19:41:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed all SASS files

Browse Source
This commit is contained in:
Filip Barl
2019-10-04 15:46:58 +02:00
parent 4cac153de5
commit fd34eadf02
8 changed files with 4 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/app/scripts/components/global-style.js
View File

@@ -2,6 +2,10 @@ import { createGlobalStyle } from 'styled-components';
import { transparentize } from 'polished';
import { borderRadius, color, fontSize } from 'weaveworks-ui-components/lib/theme/selectors';
import '@fortawesome/fontawesome-free/css/all.css';
import '@fortawesome/fontawesome-free/css/v4-shims.css';
import 'rc-slider/dist/rc-slider.css';
import ProximaNova from '../../fonts/proximanova-regular.woff';
import RobotoMono from '../../fonts/robotomono-regular.ttf';

1
client/app/scripts/main.dev.js
View File

@@ -3,7 +3,6 @@ import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import '../styles/main.scss';
import '../images/favicon.ico';
import configureStore from './stores/configureStore.dev';

1
client/app/scripts/main.js
View File

@@ -3,7 +3,6 @@ import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import '../styles/main.scss';
import '../images/favicon.ico';
import configureStore from './stores/configureStore';

1
client/app/scripts/terminal-main.js
View File

@@ -3,7 +3,6 @@ import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import '../styles/main.scss';
import '../images/favicon.ico';
import configureStore from './stores/configureStore';

3
client/app/styles/_base.scss
View File

@@ -1,3 +0,0 @@
@import '~@fortawesome/fontawesome-free/css/all.css';
@import '~@fortawesome/fontawesome-free/css/v4-shims.css';
@import '~rc-slider/dist/rc-slider.css';

38
client/app/styles/_contrast-theme.scss
View File

@@ -1,38 +0,0 @@
@import "default-theme";
$background-color: $color-white;
$background-lighter-color: $color-white;
$background-darker-color: $color-purple-200;
$background-darker-secondary-color: $color-purple-200;
$background-dark-color: $color-purple-900;
$text-color: $color-black;
$text-secondary-color: $color-black;
$text-tertiary-color: $color-black;
$border-light-color: $color-gray-600;
$text-darker-color: $color-black;
$edge-color: $color-black;
$node-elements-in-background-opacity: 0.4;
$node-highlight-shadow-opacity: 0.4;
$node-highlight-stroke-opacity: 0.5;
$node-highlight-stroke-width: 0.16;
$node-border-stroke-width: 0.2;
$node-shadow-stroke-width: 0.25;
$node-pseudo-opacity: 1;
$edge-highlight-opacity: 0.3;
$edge-opacity-blurred: 0;
$btn-opacity-default: 1;
$btn-opacity-hover: 1;
$btn-opacity-selected: 1;
$btn-opacity-disabled: 0.4;
$link-opacity-default: 1;
$search-border-color: $color-purple-200;
$search-border-width: 2px;
/* specific elements */
$body-background-color: $color-white;
$label-background-color: $color-white;

48
client/app/styles/_default-theme.scss
View File

@@ -1,48 +0,0 @@
$base-ease: ease-in-out;
$background-color: $color-gray-50;
$background-lighter-color: $color-white;
$background-darker-color: $color-purple-100;
$background-darker-secondary-color: $color-gray-50;
$background-dark-color: $color-purple-900;
$text-color: $color-purple-800;
$text-secondary-color: $color-purple-600;
$text-tertiary-color: $color-purple-400;
$border-light-color: $color-purple-100;
$text-darker-color: $color-purple-900;
$details-window-width: 420px;
$details-window-padding-left: 30px;
$terminal-header-height: 44px;
$node-elements-in-background-opacity: 0.7;
$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: $color-purple-500;
$btn-opacity-default: 0.9;
$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: $color-purple-25;
$label-background-color: transparentize($color-purple-25, 0.3);

14
client/app/styles/main.scss
View File

@@ -1,14 +0,0 @@
// Load the default theme initially to apply it on the global html level.
@import "default-theme";
@import "base";
.scope-app.contrast-mode {
// Load the contrast theme and reload all the CSS in the scope-app container.
@import "contrast-theme";
@import "base";
}
.scope-app:not(.contrast-mode) {
// Load the default theme and reload all the CSS in the scope-app container.
@import "default-theme";
@import "base";
}