ninabreznik
7 years ago
committed by
yann300
parent
7bfd03eb1c
commit
8e3ffb8a2c
@ -1,570 +0,0 @@ |
|||||||
// THEMEABLE parameters
|
|
||||||
|
|
||||||
// REMIX
|
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
======= |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
var remixGeneral = { |
|
||||||
general_BackgroundColor: { |
|
||||||
'background-color': '' |
|
||||||
}, |
|
||||||
highlight_BackgroundColor: { |
|
||||||
'background-color': '' |
|
||||||
}, |
|
||||||
fonts: { |
|
||||||
'font': '', |
|
||||||
'font-size': '', |
|
||||||
mainText: { |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
supportText: { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
dropdown: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
textBox: { |
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
infoTextBox: { |
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
inputField: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
icons: { // All icons
|
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
butons: { |
|
||||||
'background-color': '' |
|
||||||
}, |
|
||||||
copyToClipboard: { // same as icons @TODO
|
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
<<<<<<< HEAD |
|
||||||
======= |
|
||||||
var remix = { |
|
||||||
'background-color': '', |
|
||||||
'font': '', |
|
||||||
'font-size': '', |
|
||||||
'color': '' |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
} |
|
||||||
|
|
||||||
// LEFT PANEL
|
|
||||||
var filePanel = { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
icons: { // icons
|
|
||||||
======= |
|
||||||
icons: { |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
icons: { // icons
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
togglePannel: { // icons
|
|
||||||
======= |
|
||||||
toggle: { |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
togglePannel: { // icons
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
treeview: { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
'color': '', // already defined in Remix general
|
|
||||||
highlightedLine: { |
|
||||||
'background-color': '' // highlight_BackgroundColor
|
|
||||||
======= |
|
||||||
'color': '', |
|
||||||
highlightedLine: { |
|
||||||
'background-color': '' |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
'color': '', // already defined in Remix general
|
|
||||||
highlightedLine: { |
|
||||||
'background-color': '' // highlight_BackgroundColor
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// EDITOR
|
|
||||||
var editor = { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
'background-color': '', // general_BackgroundColor
|
|
||||||
'color': '', // fonts/color
|
|
||||||
gutter: { |
|
||||||
'background-color': '', // highlight_BackgroundColor
|
|
||||||
highlightedNumber: { |
|
||||||
'background-color': '' // highlight_BackgroundColor
|
|
||||||
}, |
|
||||||
}, |
|
||||||
navTabs: { |
|
||||||
'background-color': '', // highlight_BackgroundColor
|
|
||||||
'color': '' // fonts/color
|
|
||||||
}, |
|
||||||
icons: { // icons
|
|
||||||
======= |
|
||||||
'background-color': '', |
|
||||||
'color': '', |
|
||||||
======= |
|
||||||
'background-color': '', // general_BackgroundColor
|
|
||||||
'color': '', // fonts/color
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
gutter: { |
|
||||||
'background-color': '', // highlight_BackgroundColor
|
|
||||||
highlightedNumber: { |
|
||||||
'background-color': '' // highlight_BackgroundColor
|
|
||||||
}, |
|
||||||
}, |
|
||||||
navTabs: { |
|
||||||
<<<<<<< HEAD |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
icons: { |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
'background-color': '', // highlight_BackgroundColor
|
|
||||||
'color': '' // fonts/color
|
|
||||||
}, |
|
||||||
icons: { // icons
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
code: { |
|
||||||
// types, comments, parameters...
|
|
||||||
highlightedLine: { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
'background-color': '' //highlight_BackgroundColor
|
|
||||||
}, |
|
||||||
debuggerMode: { |
|
||||||
highlightedArea: { |
|
||||||
'background-color': '' // same as Debug button in Terminal window
|
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
======= |
|
||||||
'background-color': '' |
|
||||||
======= |
|
||||||
'background-color': '' //highlight_BackgroundColor
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
}, |
|
||||||
debuggerMode: { |
|
||||||
highlightedArea: { |
|
||||||
'background-color': '' // same as Debug button in Terminal window
|
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
<<<<<<< HEAD |
|
||||||
|
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
} |
|
||||||
|
|
||||||
// TERMINAL
|
|
||||||
var terminal = { |
|
||||||
menu: { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
'background-color': '', // highlight_BackgroundColor
|
|
||||||
'color': '', // fonts/color
|
|
||||||
icons: { // icons
|
|
||||||
======= |
|
||||||
'background-color': '', |
|
||||||
'color': '', |
|
||||||
icon: { |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
'background-color': '', // highlight_BackgroundColor
|
|
||||||
'color': '', // fonts/color
|
|
||||||
icons: { // icons
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
dropdown: { // dropdown
|
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
togglePannel: { // icons
|
|
||||||
======= |
|
||||||
dropdown: { |
|
||||||
'background-color': '' |
|
||||||
}, |
|
||||||
toggle: { |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
dropdown: { // dropdown
|
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
togglePannel: { // icons
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
terminalWindow: { |
|
||||||
'background-color': '', |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
'color': '', |
|
||||||
======= |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
'color': '', |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
logo: { |
|
||||||
'url': '', |
|
||||||
}, |
|
||||||
infoLog: { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
'color': '' // fonts/color
|
|
||||||
}, |
|
||||||
errorLog: { |
|
||||||
'color': '' // same as border in errorMessage in rightPanel/compileTab @TODO
|
|
||||||
======= |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
errorLog: { |
|
||||||
'color': '' |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
'color': '' // fonts/color
|
|
||||||
}, |
|
||||||
errorLog: { |
|
||||||
'color': '' // same as border in errorMessage in rightPanel/compileTab @TODO
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
}, |
|
||||||
transactionLog: { |
|
||||||
title: { |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
text: { |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
detailsButton: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
}, |
|
||||||
debugButton: { |
|
||||||
'background-color': '', // same as highlightedArea in editor/debuggerMode
|
|
||||||
======= |
|
||||||
} |
|
||||||
debugButton: { |
|
||||||
'background-color': '', |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
}, |
|
||||||
debugButton: { |
|
||||||
'background-color': '', // same as highlightedArea in editor/debuggerMode
|
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// RIGHT PANEL
|
|
||||||
var rightPanel = { |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
======= |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'background-color': '', // already defined in Remix general
|
|
||||||
'color': '', // already defined in Remix general
|
|
||||||
textBox: { // already defined in Remix general
|
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
infoTextBox: { // already defined in Remix general
|
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
togglePannel: { // icons
|
|
||||||
<<<<<<< HEAD |
|
||||||
======= |
|
||||||
toggle: { |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
<<<<<<< HEAD |
|
||||||
<<<<<<< HEAD |
|
||||||
======= |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
logo: { |
|
||||||
'url': '' |
|
||||||
}, |
|
||||||
warningMessage: { |
|
||||||
'border': '', |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
errorMessage: { |
|
||||||
'border': '', // same as font color in terminal error @TODO
|
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
successMessage: { |
|
||||||
'border': '', |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
dropdown: { |
|
||||||
'background-color': '', // dropdown
|
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
inputField: { // inputField
|
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
|
|
||||||
compileTab: { |
|
||||||
compileButton: { |
|
||||||
'background-color': '', // or import a special image 'url': ''
|
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
buttons: { |
|
||||||
'background-color': '', // general buttons background color
|
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
details: { |
|
||||||
'background-color': '', // already defined in Remix general
|
|
||||||
header: { |
|
||||||
'background-color': '', // same as highlight_BackgroundColor
|
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
infoTextBox: { // already in rightPanel general theme
|
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '', |
|
||||||
copyToClipboard: { // copyToClipboard @TODO
|
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
icons: { // icons
|
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
title: { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
runTab: { |
|
||||||
compileButton: { |
|
||||||
'background-color': '', // or import new 'url': ''
|
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
atAddressButton: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
createButton: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
instance_callButton: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
instance_transactButton: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
instance_transactPayableButton: { |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
copyToClipboard: { // copyToClipboard @TODO
|
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
settingsTab: { |
|
||||||
infoTextBox: { // already in rightPanel general theme
|
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
debuggerTab: { |
|
||||||
buttons: { |
|
||||||
'background-color': '', // including eye button (needs to get ${styles.button} applied)
|
|
||||||
'color': '', |
|
||||||
icons: { // icons
|
|
||||||
'color': '', |
|
||||||
':hover': { |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
dropdowns: { // dropdown
|
|
||||||
'background-color': '', // see if ${styles.dropdown} is applied
|
|
||||||
'color': '', |
|
||||||
instructions: { |
|
||||||
highlightedKey: { |
|
||||||
'background-color': '' // highlight_BackgroundColor
|
|
||||||
} |
|
||||||
}, |
|
||||||
solidityState: { |
|
||||||
label: { |
|
||||||
'color': '' // supportText
|
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
analysisTab: { |
|
||||||
textBox: { // already in rightPanel general theme
|
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
warningMessage: { // already in rightPanel general theme
|
|
||||||
'border': '', |
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
supportTab: { |
|
||||||
textBox: { // already in rightPanel general theme
|
|
||||||
'background-color': '', |
|
||||||
'color': '' |
|
||||||
}, |
|
||||||
infoTextBox: { // already in rightPanel general theme
|
|
||||||
'background-color': '', |
|
||||||
'border': '', |
|
||||||
'color': '' |
|
||||||
} |
|
||||||
} |
|
||||||
<<<<<<< HEAD |
|
||||||
} |
|
||||||
|
|
||||||
/* @TODO |
|
||||||
|
|
||||||
ALL: |
|
||||||
- text: mainText or supportText |
|
||||||
|
|
||||||
DEBUGGER TAB: |
|
||||||
- DropdownPanel.js - refactor css |
|
||||||
- apply ${styles.dropdown} to Debugger |
|
||||||
- apply ${styles.button} + the rest (copy styling from below) to `eye button` |
|
||||||
${styles.button} |
|
||||||
margin: 3px; |
|
||||||
float: right; |
|
||||||
|
|
||||||
--- |
|
||||||
DONE |
|
||||||
ALL: |
|
||||||
DONE - unify color and hover for all icons (files panel, debuger, toggle etc.) |
|
||||||
|
|
||||||
COMPILE TAB: |
|
||||||
DONE - details => copyToClipboard (same color and hover as other icons) |
|
||||||
|
|
||||||
RUN TAB: |
|
||||||
DONE - unify copyToClipboard color and hover |
|
||||||
|
|
||||||
DEBUGGER TAB: |
|
||||||
DONE - Put whole debugger in textBox => then we get blue background like on other tabs + we have white background in the textBox so we can make highlighted color same as everywhere else |
|
||||||
|
|
||||||
TERMINAL: |
|
||||||
DONE - apply ${styles.dropdown} + other fixes (already made in one PR - where is it?) to dropdown |
|
||||||
|
|
||||||
|
|
||||||
*/ |
|
||||||
======= |
|
||||||
} |
|
||||||
>>>>>>> Remove styles.css and start theme-draft.js |
|
||||||
======= |
|
||||||
} |
|
||||||
|
|
||||||
/* @TODO |
|
||||||
|
|
||||||
ALL: |
|
||||||
- text: mainText or supportText |
|
||||||
- unify color and hover for all icons (files panel, debuger, toggle etc.) => maybe add to styleguide |
|
||||||
|
|
||||||
COMPILE TAB: |
|
||||||
- details => copyToClipboard (same color and hover as other icons) |
|
||||||
|
|
||||||
RUN TAB: |
|
||||||
- unify copyToClipboard color and hover |
|
||||||
|
|
||||||
DEBUGGER TAB: |
|
||||||
- apply ${styles.button} + the rest (copy styling from below) to `eye button` |
|
||||||
${styles.button} |
|
||||||
margin: 3px; |
|
||||||
float: right; |
|
||||||
|
|
||||||
- Put whole debugger in textBox => then we get blue background like on other tabs + we have white background in the textBox so we can make highlighted color same as everywhere else |
|
||||||
- apply ${styles.dropdown} to Debugger |
|
||||||
|
|
||||||
TERMINAL: |
|
||||||
- apply ${styles.dropdown} + other fixes (already made in one PR - where is it?) to dropdown |
|
||||||
|
|
||||||
|
|
||||||
*/ |
|
||||||
>>>>>>> Update theme-draft.js |
|
||||||
Loading…
Reference in new issue