add sidekick assets and settings

Author: Menersar

src/components/menu-bar/tw-theme-accent.jsx

@@ -7,14 +7,19 @@ import {connect} from 'react-redux';
 import check from './check.svg';
 import dropdownCaret from './dropdown-caret.svg';
 import {MenuItem, Submenu} from '../menu/menu.jsx';
-import {ACCENT_BLUE, ACCENT_MAP, ACCENT_PURPLE, ACCENT_RED, ACCENT_RAINBOW, Theme} from '../../lib/themes/index.js';
+import {ACCENT_BLUE, ACCENT_MAP, ACCENT_PURPLE, ACCENT_RED, ACCENT_GREEN, ACCENT_RAINBOW, Theme} from '../../lib/themes/index.js';
 import {openAccentMenu, accentMenuOpen, closeSettingsMenu} from '../../reducers/menus.js';
 import {setTheme} from '../../reducers/theme.js';
 import {persistTheme} from '../../lib/themes/themePersistance.js';
 import rainbowIcon from './tw-accent-rainbow.svg';
 import styles from './settings-menu.css';
 
 const options = defineMessages({
+    [ACCENT_GREEN]: {
+        defaultMessage: 'Green',
+        description: 'Name of the green color scheme, used by SIDEKICK by default.',
+        id: 'tw.accent.green'
+    },
     [ACCENT_RED]: {
         defaultMessage: 'Red',
         description: 'Name of the red color scheme, used by TurboWarp by default.',

src/components/tw-invalid-embed/invalid-embed.css

@@ -10,7 +10,7 @@
 
     /* this is an error, so we want it to stand out and always be readable regardless of what the site */
     /* embedding us looks like */
-    background-color: #ff4c4c;
+    background-color: #80A86A;
     color: white;
 
     box-sizing: border-box;

src/lib/brand.js

@@ -1,5 +1,5 @@
 // Legacy export format because this is used by some build-time scripts stuck in the past.
 // eslint-disable-next-line import/no-commonjs
 module.exports = {
-    APP_NAME: 'TurboWarp'
+    APP_NAME: 'SIDEKICK'
 };

src/lib/default-project/index copy.js

@@ -0,0 +1,47 @@
+import projectData from './project-data';
+
+/* eslint-disable import/no-unresolved */
+import overrideDefaultProject from '!arraybuffer-loader!./override-default-project.sb3';
+import backdrop from '!raw-loader!./cd21514d0531fdffb22204e0ec5ed84a.svg';
+import costume1 from '!raw-loader!./dango-cat.svg';
+/* eslint-enable import/no-unresolved */
+import {TextEncoder} from '../tw-text-encoder';
+
+const defaultProject = translator => {
+    if (overrideDefaultProject.byteLength > 0) {
+        return [{
+            id: 0,
+            assetType: 'Project',
+            dataFormat: 'JSON',
+            data: overrideDefaultProject
+        }];
+    }
+
+    let _TextEncoder;
+    if (typeof TextEncoder === 'undefined') {
+        _TextEncoder = require('text-encoding').TextEncoder;
+    } else {
+        _TextEncoder = TextEncoder;
+    }
+    const encoder = new _TextEncoder();
+
+    const projectJson = projectData(translator);
+    return [{
+        id: 0,
+        assetType: 'Project',
+        dataFormat: 'JSON',
+        data: JSON.stringify(projectJson)
+    }, {
+        id: 'cd21514d0531fdffb22204e0ec5ed84a',
+        assetType: 'ImageVector',
+        dataFormat: 'SVG',
+        data: encoder.encode(backdrop)
+    }, {
+        id: '927d672925e7b99f7813735c484c6922',
+        assetType: 'ImageVector',
+        dataFormat: 'SVG',
+        data: encoder.encode(costume1)
+    }];
+};
+
+export default defaultProject;

src/lib/default-project/index.js

@@ -3,7 +3,7 @@ import projectData from './project-data';
 /* eslint-disable import/no-unresolved */
 import overrideDefaultProject from '!arraybuffer-loader!./override-default-project.sb3';
 import backdrop from '!raw-loader!./cd21514d0531fdffb22204e0ec5ed84a.svg';
-import costume1 from '!raw-loader!./dango-cat.svg';
+import costume1 from '!raw-loader!./sidekick.svg';
 /* eslint-enable import/no-unresolved */
 import {TextEncoder} from '../tw-text-encoder';
 

src/lib/default-project/sidekick.svg

@@ -0,0 +1,27 @@
+const guiColors = {
+    'motion-primary': '#80A86A',
+    'motion-primary-transparent': '#80A86Ae6',
+    'motion-tertiary': '#4d8f51',
+
+    'looks-secondary': '#80A86A',
+    'looks-transparent': '#80A96B59',
+    'looks-light-transparent': '#80A96B26',
+    'looks-secondary-dark': 'hsla(147, 50%, 44%, 1)',
+
+    'extensions-primary': 'hsla(109, 11%, 54%, 1)',
+    'extensions-tertiary': 'hsla(109, 11%, 29%, 1)',
+    'extensions-transparent': 'hsla(109, 11%, 54%, 0.35)',
+    'extensions-light': 'hsla(109, 11%, 74%, 1)',
+
+    'drop-highlight': '#80E8AA'
+};
+
+const blockColors = {
+    checkboxActiveBackground: '#80A86A',
+    checkboxActiveBorder: '#4d8f51'
+};
+
+export {
+    guiColors,
+    blockColors
+};

src/lib/themes/accent/green.js

@@ -1,26 +1,26 @@
 const guiColors = {
-    'motion-primary': '#ff4c4c',
-    'motion-primary-transparent': '#ff4c4ce6',
-    'motion-tertiary': '#cc3333',
+    'motion-primary': '#80A86A',
+    'motion-primary-transparent': '#80A86Ae6',
+    'motion-tertiary': '#4d8f51',
 
-    'looks-secondary': '#ff4c4c',
-    'looks-transparent': '#ff4d4d59',
-    'looks-light-transparent': '#ff4d4d26',
-    'looks-secondary-dark': 'hsla(0, 42%, 51%, 1)',
+    'looks-secondary': '#80A86A',
+    'looks-transparent': '#80A96B59',
+    'looks-light-transparent': '#80A96B26',
+    'looks-secondary-dark': 'hsla(147, 50%, 44%, 1)',
 
-    'extensions-primary': 'hsla(10, 85%, 65%, 1)',
-    'extensions-tertiary': 'hsla(10, 85%, 40%, 1)',
-    'extensions-transparent': 'hsla(10, 85%, 65%, 0.35)',
-    'extensions-light': 'hsla(10, 57%, 85%, 1)',
+    'extensions-primary': 'hsla(109, 11%, 54%, 1)',
+    'extensions-tertiary': 'hsla(109, 11%, 29%, 1)',
+    'extensions-transparent': 'hsla(109, 11%, 54%, 0.35)',
+    'extensions-light': 'hsla(109, 11%, 74%, 1)',
 
-    'drop-highlight': '#ff8c8c',
+    'drop-highlight': '#80E8AA',
 
     'menu-bar-background-image': 'linear-gradient(90deg, rgba(255, 0, 0, 0.75) 0%, rgba(255, 154, 0, 0.75) 10%, rgba(208, 222, 33, 0.75) 20%, rgba(79, 220, 74, 0.75) 30%, rgba(63, 218, 216, 0.75) 40%, rgba(47, 201, 226, 0.75) 50%, rgba(28, 127, 238, 0.75) 60%, rgba(95, 21, 242, 0.75) 70%, rgba(186, 12, 248, 0.75) 80%, rgba(251, 7, 217, 0.75) 90%, rgba(255, 0, 0, 0.75) 100%)'
 };
 
 const blockColors = {
-    checkboxActiveBackground: '#ff4c4c',
-    checkboxActiveBorder: '#cc3333'
+    checkboxActiveBackground: '#80A86A',
+    checkboxActiveBorder: '#4d8f51'
 };
 
 export {

src/lib/themes/accent/rainbow.js

@@ -3,6 +3,7 @@ import defaultsDeep from 'lodash.defaultsdeep';
 import * as accentPurple from './accent/purple';
 import * as accentBlue from './accent/blue';
 import * as accentRed from './accent/red';
+import * as accentGreen from './accent/green';
 import * as accentRainbow from './accent/rainbow';
 
 import * as guiLight from './gui/light';
@@ -15,14 +16,16 @@ import * as blocksDark from './blocks/dark';
 const ACCENT_PURPLE = 'purple';
 const ACCENT_BLUE = 'blue';
 const ACCENT_RED = 'red';
+const ACCENT_GREEN = 'green';
 const ACCENT_RAINBOW = 'rainbow';
 const ACCENT_MAP = {
     [ACCENT_PURPLE]: accentPurple,
     [ACCENT_BLUE]: accentBlue,
     [ACCENT_RED]: accentRed,
+    [ACCENT_GREEN]: accentGreen,
     [ACCENT_RAINBOW]: accentRainbow
 };
-const ACCENT_DEFAULT = ACCENT_RED;
+const ACCENT_DEFAULT = ACCENT_GREEN;
 
 const GUI_LIGHT = 'light';
 const GUI_DARK = 'dark';
@@ -146,6 +149,7 @@ export {
     Theme,
     defaultBlockColors,
 
+    ACCENT_GREEN,
     ACCENT_RED,
     ACCENT_PURPLE,
     ACCENT_BLUE,

src/lib/themes/index.js

@@ -294,6 +294,7 @@
         "tw.accent.purple": "Lila",
         "tw.accent.rainbow": "Regenbogen",
         "tw.accent.red": "Rot",
+        "tw.accent.green": "Grün",
         "tw.alerts.creatingRestorePoint": "Wiederherstellungspunkt wird erstellt...",
         "tw.alerts.lostPeripheralConnection": "Verbindung zu {extensionName} verloren.",
         "tw.alerts.restorePointError": "Der Wiederherstellpunkt konnte nicht erstellt werden",