add theme style files

index.html

@@ -27,6 +27,7 @@
         <meta name="apple-mobile-web-app-capable" content="yes">
         <title></title>
         <script src="dist/openmct.js"></script>
+        <link rel="stylesheet" href="espresso.css">
         <link rel="icon" type="image/png" href="dist/favicons/favicon-96x96.png" sizes="96x96" type="image/x-icon">
         <link rel="icon" type="image/png" href="dist/favicons/favicon-32x32.png" sizes="32x32" type="image/x-icon">
         <link rel="icon" type="image/png" href="dist/favicons/favicon-16x16.png" sizes="16x16" type="image/x-icon">
@@ -37,50 +38,50 @@
         const FIVE_MINUTES = 5 * 60 * 1000;
         const THIRTY_MINUTES = 30 * 60 * 1000;
 
-        [
+        // [
-            'example/eventGenerator',
+        //     'example/eventGenerator',
-            'example/styleguide'
+        //     'example/styleguide'
-        ].forEach(
+        // ].forEach(
-            openmct.legacyRegistry.enable.bind(openmct.legacyRegistry)
+        //     openmct.legacyRegistry.enable.bind(openmct.legacyRegistry)
-        );
+        // );
         openmct.install(openmct.plugins.MyItems());
         openmct.install(openmct.plugins.LocalStorage());
-        openmct.install(openmct.plugins.Generator());
+        // openmct.install(openmct.plugins.Generator());
-        openmct.install(openmct.plugins.ExampleImagery());
+        // openmct.install(openmct.plugins.ExampleImagery());
         openmct.install(openmct.plugins.UTCTimeSystem());
-        openmct.install(openmct.plugins.AutoflowView({
+        // openmct.install(openmct.plugins.AutoflowView({
-            type: "telemetry.panel"
+        //     type: "telemetry.panel"
-        }));
+        // }));
         openmct.install(openmct.plugins.DisplayLayout({
             showAsView: ['summary-widget', 'example.imagery']
         }));
-        openmct.install(openmct.plugins.Conductor({
+        // openmct.install(openmct.plugins.Conductor({
-            menuOptions: [
+        //     menuOptions: [
-                {
+        //         {
-                    name: "Fixed",
+        //             name: "Fixed",
-                    timeSystem: 'utc',
+        //             timeSystem: 'utc',
-                    bounds: {
+        //             bounds: {
-                        start: Date.now() - THIRTY_MINUTES,
+        //                 start: Date.now() - THIRTY_MINUTES,
-                        end: Date.now()
+        //                 end: Date.now()
-                    }
+        //             }
-                },
+        //         },
-                {
+        //         {
-                    name: "Realtime",
+        //             name: "Realtime",
-                    timeSystem: 'utc',
+        //             timeSystem: 'utc',
-                    clock: 'local',
+        //             clock: 'local',
-                    clockOffsets: {
+        //             clockOffsets: {
-                        start: - THIRTY_MINUTES,
+        //                 start: - THIRTY_MINUTES,
-                        end: FIVE_MINUTES
+        //                 end: FIVE_MINUTES
-                    }
+        //             }
-                }
+        //         }
-            ]
+        //     ]
-        }));
+        // }));
-        openmct.install(openmct.plugins.SummaryWidget());
+        // openmct.install(openmct.plugins.SummaryWidget());
-        openmct.install(openmct.plugins.Notebook());
+        // openmct.install(openmct.plugins.Notebook());
-        openmct.install(openmct.plugins.LADTable());
+        // openmct.install(openmct.plugins.LADTable());
-        openmct.install(openmct.plugins.Filters(['table', 'telemetry.plot.overlay']));
+        // openmct.install(openmct.plugins.Filters(['table', 'telemetry.plot.overlay']));
-        openmct.install(openmct.plugins.ObjectMigration());
+        // openmct.install(openmct.plugins.ObjectMigration());
-        openmct.install(openmct.plugins.ClearData(['table', 'telemetry.plot.overlay', 'telemetry.plot.stacked']));
+        // openmct.install(openmct.plugins.ClearData(['table', 'telemetry.plot.overlay', 'telemetry.plot.stacked']));
         openmct.start();
     </script>
 </html>

src/styles/core-espresso.scss

@@ -0,0 +1,45 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2018, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+@import "vendor/normalize-min";
+// Imports only constants, mixins, etc.
+// Meant for use as a single line import in Vue SFC's.
+// Do not include anything that renders to CSS!
+@import "constants";
+@import "constants-mobile.scss";
+@import "constants-espresso";
+
+@import "mixins";
+@import "animations";
+
+/******************** RENDERS CSS */
+@import "about";
+@import "glyphs";
+@import "global";
+@import "status";
+@import "controls";
+@import "forms";
+@import "table";
+@import "legacy";
+@import "legacy-plots";
+@import "plotly";
+@import "legacy-messages";

src/styles/core-snow.scss

@@ -0,0 +1,46 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2018, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+ @import "vendor/normalize-min";
+ // Imports only constants, mixins, etc.
+ // Meant for use as a single line import in Vue SFC's.
+ // Do not include anything that renders to CSS!
+ @import "constants";
+ @import "constants-mobile.scss";
+ @import "constants-snow";
+ 
+ @import "mixins";
+ @import "animations";
+ 
+ /******************** RENDERS CSS */
+ @import "about";
+ @import "glyphs";
+ @import "global";
+ @import "status";
+ @import "controls";
+ @import "forms";
+ @import "table";
+ @import "legacy";
+ @import "legacy-plots";
+ @import "plotly";
+ @import "legacy-messages";
+ 

webpack.config.js

@@ -20,6 +20,8 @@ const webpackConfig = {
     mode: devMode ? 'development' : 'production',
     entry: {
         openmct: './openmct.js',
+        espresso: './src/styles/core-espresso.scss',
+        snow: './src/styles/core-snow.scss'
     },
     output: {
         filename: '[name].js',
@@ -75,12 +77,7 @@ const webpackConfig = {
                 use: [
                     devMode ? 'style-loader': MiniCssExtractPlugin.loader,
                     'css-loader',
-                    {
+                    'fast-sass-loader'
-                        loader: 'fast-sass-loader',
-                        options: {
-                            includePaths: bourbon.includePaths
-                        }
-                    }
                 ]
             },
             {