changed color scheme

rpg-docs/client/views/character/character.css

@@ -12,15 +12,17 @@
 
 /*Float boxes are indivisble, have shadows*/
 .floatBox{
-	border-image-width: 90px 54px 50px 54px;
-	border-image-outset: 10px;
+	color: #301d02;
+	
+	border-image-width: 92px 60px 57px 60px;
+	border-image-outset: 15px;
 	border-image-source: url('/png/big-border.png');
-	border-image-slice: 271 163 151 163;
+	border-image-slice: 275 179 171 179;
 	border-image-repeat: stretch;
 	
-	padding: 5px 10px 5px 10px;
-	margin: 10px;
-	background: white;
+	padding: 0px 5px 5px 5px;
+	margin: 15px;
+	background: #f0e3d1;
 	border-radius: 20px;
 }
 
@@ -30,18 +32,10 @@
 
 /* headings in floatboxes */
 .floatBox h2{
-	background: black;
-	color: white;
 	font-size: 1em;
-	padding: 2px 15px;
-}
-
-.floatBox h2:first-child{
-	margin: -5px -5px 0px -5px;
 }
 
 .floatBox.rounded {
-	
 	display: inline-block;
 	text-align: center;
 }

rpg-docs/client/views/character/healthBar/healthBar.css

@@ -41,10 +41,9 @@
 	position: absolute;
 	left: -1px;
 	height: 0px;
-	border-width: 15px 40px 15px 40px;
-	width: 222px;
-	border-image: url('/png/bar-border.png') 44 120 49 119 stretch;
-	
+	width: 227px;
+	border-width: 15px 37px 16px 37px;
+	border-image: url('/png/bar-border.png') 46 112 48 112 stretch;
 	display: flex;
 	justify-content: center; /* align horizontal */
 	align-items: center; /* align vertical */

rpg-docs/client/views/colors/colors.less

@@ -1,6 +1,6 @@
 /* LESS - http://lesscss.org style sheet */
 /* Palette color codes */
-/* Palette URL: http://paletton.com/#uid=70b0u0kw0aqkOe4l1FfXbp18V3P */
+/* Palette URL: http://paletton.com/#uid=7000K0kDPzIFM9PC5lZm-D39kMT */
 
 /* Feel free to copy&paste color codes to your application */
 
@@ -9,57 +9,57 @@
 
 /* As hex codes */
 
-@color-primary-0: #531300;	/* Main Primary color */
-@color-primary-1: #703827;
-@color-primary-2: #FF7D58;
-@color-primary-3: #C72D00;
-@color-primary-4: #1E1816;
+@color-primary-0: #FF0000;	/* Main Primary color */
+@color-primary-1: #4E0000;
+@color-primary-2: #AF0000;
+@color-primary-3: #FF4B4B;
+@color-primary-4: #FFB5B5;
 
-@color-secondary-1-0: #532D00;	/* Main Secondary color (1) */
-@color-secondary-1-1: #704F27;
-@color-secondary-1-2: #FFB358;
-@color-secondary-1-3: #C76C00;
-@color-secondary-1-4: #1E1B16;
+@color-secondary-1-0: #0961B0;	/* Main Secondary color (1) */
+@color-secondary-1-1: #021C33;
+@color-secondary-1-2: #063F71;
+@color-secondary-1-3: #4182BC;
+@color-secondary-1-4: #9DBCD7;
 
-@color-secondary-2-0: #032335;	/* Main Secondary color (2) */
-@color-secondary-2-1: #1B3847;
-@color-secondary-2-2: #4896C0;
-@color-secondary-2-3: #01537F;
-@color-secondary-2-4: #0E1213;
+@color-secondary-2-0: #FF9500;	/* Main Secondary color (2) */
+@color-secondary-2-1: #4E2E00;
+@color-secondary-2-2: #AF6700;
+@color-secondary-2-3: #FFB54B;
+@color-secondary-2-4: #FFE0B5;
 
-@color-complement-0: #003B1B;	/* Main Complement color */
-@color-complement-1: #1C4F34;
-@color-complement-2: #46CC84;
-@color-complement-3: #008D41;
-@color-complement-4: #101512;
+@color-complement-0: #00D200;	/* Main Complement color */
+@color-complement-1: #003F00;
+@color-complement-2: #008C00;
+@color-complement-3: #40D940;
+@color-complement-4: #A5E9A5;
 
 
 
 /* As RGBa codes */
 
-@rgba-primary-0: rgba( 83, 19,  0,1);	/* Main Primary color */
-@rgba-primary-1: rgba(112, 56, 39,1);
-@rgba-primary-2: rgba(255,125, 88,1);
-@rgba-primary-3: rgba(199, 45,  0,1);
-@rgba-primary-4: rgba( 30, 24, 22,1);
+@rgba-primary-0: rgba(255,  0,  0,1);	/* Main Primary color */
+@rgba-primary-1: rgba( 78,  0,  0,1);
+@rgba-primary-2: rgba(175,  0,  0,1);
+@rgba-primary-3: rgba(255, 75, 75,1);
+@rgba-primary-4: rgba(255,181,181,1);
 
-@rgba-secondary-1-0: rgba( 83, 45,  0,1);	/* Main Secondary color (1) */
-@rgba-secondary-1-1: rgba(112, 79, 39,1);
-@rgba-secondary-1-2: rgba(255,179, 88,1);
-@rgba-secondary-1-3: rgba(199,108,  0,1);
-@rgba-secondary-1-4: rgba( 30, 27, 22,1);
+@rgba-secondary-1-0: rgba(  9, 97,176,1);	/* Main Secondary color (1) */
+@rgba-secondary-1-1: rgba(  2, 28, 51,1);
+@rgba-secondary-1-2: rgba(  6, 63,113,1);
+@rgba-secondary-1-3: rgba( 65,130,188,1);
+@rgba-secondary-1-4: rgba(157,188,215,1);
 
-@rgba-secondary-2-0: rgba(  3, 35, 53,1);	/* Main Secondary color (2) */
-@rgba-secondary-2-1: rgba( 27, 56, 71,1);
-@rgba-secondary-2-2: rgba( 72,150,192,1);
-@rgba-secondary-2-3: rgba(  1, 83,127,1);
-@rgba-secondary-2-4: rgba( 14, 18, 19,1);
+@rgba-secondary-2-0: rgba(255,149,  0,1);	/* Main Secondary color (2) */
+@rgba-secondary-2-1: rgba( 78, 46,  0,1);
+@rgba-secondary-2-2: rgba(175,103,  0,1);
+@rgba-secondary-2-3: rgba(255,181, 75,1);
+@rgba-secondary-2-4: rgba(255,224,181,1);
 
-@rgba-complement-0: rgba(  0, 59, 27,1);	/* Main Complement color */
-@rgba-complement-1: rgba( 28, 79, 52,1);
-@rgba-complement-2: rgba( 70,204,132,1);
-@rgba-complement-3: rgba(  0,141, 65,1);
-@rgba-complement-4: rgba( 16, 21, 18,1);
+@rgba-complement-0: rgba(  0,210,  0,1);	/* Main Complement color */
+@rgba-complement-1: rgba(  0, 63,  0,1);
+@rgba-complement-2: rgba(  0,140,  0,1);
+@rgba-complement-3: rgba( 64,217, 64,1);
+@rgba-complement-4: rgba(165,233,165,1);
 
 
 

rpg-docs/client/views/general.css

@@ -4,4 +4,5 @@ root {
 
 body {
 	font-family: sans-serif;
+	background-color: #333;
 }