Initial commit

styles/variables/colors.less

@@ -0,0 +1,24 @@
+/* General */
+@hope: #008080;
+@fear: #430070;
+@critical: #ffd700;
+@advantage: green;
+@disadvantage: #b30000;
+@miss: rgb(255, 0, 0);
+@hit: rgb(0, 128, 0);
+@positive: #699969;
+@negative: #ff7f7f;
+
+@borderPrimary: #b5b3a4;
+@borderTertiary: #7a7971;
+
+/* Drop Shadows */
+@mainShadow: red;
+@secondaryShadow: gold;
+
+/* Background */
+@secondaryBackground: #7a7971;
+@primaryAccent: #778899;
+@secondaryAccent: #708090;
+@formBackground: #782e22;
+@hoverBackground: #2f4f4f40;

styles/variables/values.less

@@ -0,0 +1,26 @@
+/* Base Value */
+@distance: 8;
+
+/* Margins */
+@tinyMargin: (@distance / 4) * 1px;
+@halfMargin: (@distance / 2) * 1px;
+@fullMargin: @distance * 1px;
+@mediumMargin: @distance * 1.5px; // Specific, but might be good?
+@largeMargin: @distance * 2px;
+@threeQuarterMargin: @distance * 3px; // Too specific? If not used a lot, possibly remove and just use @distance * 3px
+@hugeMargin: @distance * 4px;
+@massiveMargin: @distance * 8px;
+
+/* Borders */
+@thinBorder: 1px;
+@normalBorder: 2px;
+@thickBorder: 4px;
+@normalRadius: 6px;
+
+/* Padding */
+@smallPadding: 2px;
+@fullPadding: 4px;
+@largePadding: 8px;
+
+/* Inputs */
+@inputSingleMinWidth: 26px;

styles/variables/variables.less

@@ -0,0 +1,2 @@
+@import "./colors.less";
+@import "./values.less";