Defold editor styling

editor.css

/* 
 * Editor color scheme is changable with this css file
 * for details, see
 * https://defold.com/manuals/editor-styling/
 * 
 * Discussion
 * https://forum.defold.com/t/experiments-with-editor-styling-using-javafx-css/67021
 */

 * {
	/* Background */
	-df-background-darker:    derive(#fff0c8, -3%);
	-df-background-dark:      derive(#fff0c8, -1%);
	-df-background:           #fff0c8;
	-df-background-light:     derive(#fff0c8, 10%);
	-df-background-lighter:   derive(#fff0c8, 20%);

	/* Component */
	-df-component-darker:     derive(#ffe5be, -3%);
	-df-component-dark:       derive(#ffe5be, -1%);
	-df-component:            #ffe5be;
	-df-component-light:      derive(#ffe5be, 10%);
	-df-component-lighter:    derive(#ffe5be, 20%);

	/* Text & icons */
	-df-text-darker:          derive(#484d63, -20%);
	-df-text-dark:            derive(#484d63, -40%);
	-df-text:                 #484d63;
	-df-text-selected:        derive(#484d63, 20%);

	/* Red */
	-df-defold-red-dark:     derive(#dc312f, -10%);
	-df-defold-red:          #dc312f;
	-df-defold-red-light:    derive(#dc312f, 10%);

	/* Yellow */
	-df-defold-yellow-dark:    derive(#b58800, -10%);
	-df-defold-yellow:         #b58800;
	-df-defold-yellow-light:   derive(#b58800, 10%);
	-df-defold-yellow-lighter: derive(#b58800, 20%);

	/* Green */
	-df-defold-green-dark:   derive(#859900, -10%);
	-df-defold-green:        #859900;
	-df-defold-green-light:  derive(#859900, 10%);
	-df-defold-green-lighter:derive(#859900, 20%);

	/* Orange */
	-df-defold-orange-dark:  derive(#cb4b16, -10%);
	-df-defold-orange:       #cb4b16;
	-df-defold-orange-light: derive(#cb4b16, 10%);

	/* Blue */
	-df-defold-blue-dark:    derive(#268bd2, -10%);
	-df-defold-blue:         #268bd2;
	-df-defold-blue-light:   derive(#268bd2, 10%);
	-df-defold-blue-lighter: derive(#268bd2, 20%);

	/* Status colors */
	-df-error-severity-fatal: -df-defold-red;
	-df-error-severity-fatal-dim: -df-defold-red-dark;
	-df-error-severity-warning: -df-defold-yellow;
	-df-error-severity-warning-dim: -df-defold-yellow-dark;
	-df-error-severity-info: -df-defold-blue-lighter;

	/* Lua script colors */
	-df-script-helper:         #33cccc;
	-df-script-self:           #E066FF;
	-df-script-logic:          #E3A869;
	-df-script-constant:       #FFBBFF;
	-df-script-function:       #33cc33;
	-df-script-keyword:        #fd6623;
	-df-script-operator:       #33cccc;
	-df-script-string:         #fbce2f;
	-df-script-comment:        #ff00ff;
	-df-script-number:         #aaaaff;
	-df-script-intellisense:   #00FFFF;

	/* File extension group colors */
	-df-folder:                -df-text-dark;
	-df-folder-active:         -df-text;
	-df-unknown-file:          -df-text-dark;
	-df-unknown-file-active:   -df-text;
	-df-design-file:           -df-defold-blue;
	-df-design-file-active:    -df-defold-blue-lighter;
	-df-script-file:           -df-defold-yellow;
	-df-script-file-active:    -df-defold-yellow-lighter;
	-df-property-file:         -df-defold-green;
	-df-property-file-active:  -df-defold-green-light;
}


.root {
	-fx-font-size: 14px;
  }


.tree-cell:filled {
	-fx-padding: 5;
}