mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

feat(ui): Add support for a new theme

Browse Source 
New theme is a clean blank white one, replaces background colors and adds solid black borders.

Ref: #1198
pull/1/head
dvdptr 6 years ago
parent c186901c25
commit 7bafd4f3a0
1 changed files with 22 additions and 21 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 43
      src/app/ui/styles-guide/styleGuideDavid.js

43
src/app/ui/styles-guide/styleGuideDavid.js
Unescape View File

@ -25,6 +25,7 @@ function styleGuideDavid () {
backgroundBlue: 'hsla(229, 100%, 97%, 1)', backgroundBlue: 'hsla(229, 100%, 97%, 1)',
blueLightTrans: 'hsla(202, 91%, 75%, .4)', blueLightTrans: 'hsla(202, 91%, 75%, .4)',
brightBlue: 'hsla(233, 91%, 58%, 1)', brightBlue: 'hsla(233, 91%, 58%, 1)',
azure: '#dbe9f4',
// GREY // GREY
grey: 'hsla(0, 0%, 40%, 1)', grey: 'hsla(0, 0%, 40%, 1)',
lightGrey: 'hsla(0, 0%, 40%, .5)', lightGrey: 'hsla(0, 0%, 40%, .5)',
@ -82,14 +83,14 @@ function styleGuideDavid () {
BACKGROUND COLORS BACKGROUND COLORS
------------------------------------------------------ */ ------------------------------------------------------ */
primary_BackgroundColor: cssProperties.colors.white, primary_BackgroundColor: cssProperties.colors.white,
secondary_BackgroundColor: cssProperties.colors.backgroundBlue, secondary_BackgroundColor: cssProperties.colors.white,
tertiary_BackgroundColor: cssProperties.colors.backgroundBlue, tertiary_BackgroundColor: cssProperties.colors.white,
quaternary_BackgroundColor: cssProperties.colors.backgroundBlue, quaternary_BackgroundColor: cssProperties.colors.white,
fifth_BackgroundColor: cssProperties.colors.backgroundBlue, fifth_BackgroundColor: cssProperties.colors.white,
seventh_BackgroundColor: cssProperties.colors.veryLightGrey, seventh_BackgroundColor: cssProperties.colors.white,
dark_BackgroundColor: cssProperties.colors.black, dark_BackgroundColor: cssProperties.colors.black,
light_BackgroundColor: cssProperties.colors.white, light_BackgroundColor: cssProperties.colors.white,
debuggingMode_BackgroundColor: cssProperties.colors.lightViolet, debuggingMode_BackgroundColor: cssProperties.colors.veryLightGrey,
highlight_BackgroundColor: cssProperties.colors.veryLightGrey, highlight_BackgroundColor: cssProperties.colors.veryLightGrey,
/* ------------------------------------------------------ /* ------------------------------------------------------
RESIZING RESIZING
@ -118,7 +119,7 @@ function styleGuideDavid () {
******************************************************** */ ******************************************************** */
icon_Color: cssProperties.colors.black, icon_Color: cssProperties.colors.black,
icon_AltColor: cssProperties.colors.white, icon_AltColor: cssProperties.colors.white,
icon_HoverColor: cssProperties.colors.orange, icon_HoverColor: cssProperties.colors.azure,
icon_ConstantColor: cssProperties.colors.black, icon_ConstantColor: cssProperties.colors.black,
/* ------------------------------------------------------ /* ------------------------------------------------------
@ -164,7 +165,7 @@ function styleGuideDavid () {
******************************************************** */ ******************************************************** */
solidBorderBox_TextColor: cssProperties.colors.black, solidBorderBox_TextColor: cssProperties.colors.black,
solidBorderBox_BackgroundColor: cssProperties.colors.white, solidBorderBox_BackgroundColor: cssProperties.colors.white,
solidBorderBox_BorderColor: cssProperties.colors.veryLightGrey, solidBorderBox_BorderColor: cssProperties.colors.white,
/* ------------------------------------------------------ /* ------------------------------------------------------
SOLID BOX SOLID BOX
@ -180,22 +181,22 @@ function styleGuideDavid () {
PRIMARY PRIMARY
.................. */ .................. */
primaryButton_TextColor: cssProperties.colors.black, primaryButton_TextColor: cssProperties.colors.black,
primaryButton_BackgroundColor: cssProperties.colors.lightBlue, primaryButton_BackgroundColor: cssProperties.colors.white,
primaryButton_BorderColor: cssProperties.colors.lightBlue, primaryButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
SECONDARY SECONDARY
.................. */ .................. */
secondaryButton_TextColor: cssProperties.colors.black, secondaryButton_TextColor: cssProperties.colors.black,
secondaryButton_BackgroundColor: cssProperties.colors.veryLightGrey, secondaryButton_BackgroundColor: cssProperties.colors.white,
secondaryButton_BorderColor: cssProperties.colors.veryLightGrey, secondaryButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
Teriary Teriary
.................. */ .................. */
teriaryButton_TextColor: cssProperties.colors.black, teriaryButton_TextColor: cssProperties.colors.black,
teriaryButton_BackgroundColor: cssProperties.colors.lightGrey, teriaryButton_BackgroundColor: cssProperties.colors.white,
teriaryButton_BorderColor: cssProperties.colors.veryLightGrey, teriaryButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
/* ................. /* .................
@ -203,23 +204,23 @@ function styleGuideDavid () {
.................. */ .................. */
quaternaryButton_TextColor: cssProperties.colors.black, quaternaryButton_TextColor: cssProperties.colors.black,
quaternaryButton_BackgroundColor: cssProperties.colors.white, quaternaryButton_BackgroundColor: cssProperties.colors.white,
quaternaryButton_BorderColor: cssProperties.colors.veryLightGrey, quaternaryButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
/* ................. /* .................
Fifth Fifth
.................. */ .................. */
fifthButton_TextColor: cssProperties.colors.black, fifthButton_TextColor: cssProperties.colors.black,
fifthButton_BackgroundColor: cssProperties.colors.blueFairyDust, fifthButton_BackgroundColor: cssProperties.colors.white,
fifthButton_BorderColor: cssProperties.colors.veryLightGrey, fifthButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
/* ................. /* .................
Sixth Sixth
.................. */ .................. */
sixthButton_TextColor: cssProperties.colors.black, sixthButton_TextColor: cssProperties.colors.black,
sixthButton_BackgroundColor: cssProperties.colors.greenZing, sixthButton_BackgroundColor: cssProperties.colors.white,
sixthButton_BorderColor: cssProperties.colors.veryLightGrey, sixthButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
SUCCESS SUCCESS
@ -246,8 +247,8 @@ function styleGuideDavid () {
INFO INFO
.................. */ .................. */
infoButton_TextColor: cssProperties.colors.black, infoButton_TextColor: cssProperties.colors.black,
infoButton_BackgroundColor: cssProperties.colors.lightPink, infoButton_BackgroundColor: cssProperties.colors.white,
infoButton_BorderColor: cssProperties.colors.veryLightGrey, infoButton_BorderColor: cssProperties.colors.black,
/* ................. /* .................
SOLIDITY SOLIDITY

Write Preview
Loading…
Cancel
Save