diff --git a/client/src/App.vue b/client/src/App.vue
index 5bb9986..f6e335e 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -13,6 +13,37 @@
+
Note Color
-
{
-
-
- let mod = (i % 10)+1 //1 - 10
- let lines = [3, 5, 8, 9, 10]
- // if(lines.includes(mod)){
+ if(i < 20 || i > 69){
reduced.push(color)
- // }
+ }
})
- reduced.push("#000")
-
return reduced
},
clearStyles(){
@@ -114,12 +108,17 @@
//Automatically select note text color
+ //If you are using hex colors, use this
// Convert hex color to RGB - http://gist.github.com/983661
- let color = +("0x" + inColor.slice(1).replace(inColor.length < 5 && /./g, '$&$&'));
+ // let color = +("0x" + inColor.slice(1).replace(inColor.length < 5 && /./g, '$&$&'));
+ // let r = color >> 16;
+ // let g = color >> 8 & 255;
+ // let b = color & 255;
- let r = color >> 16;
- let g = color >> 8 & 255;
- let b = color & 255;
+ const set = inColor.match(/\d+/g)
+ const r = parseInt(set[0])
+ const g = parseInt(set[1])
+ const b = parseInt(set[2])
//Convert RGB to HSP
const hsp = Math.sqrt( 0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b) );
diff --git a/client/src/components/GlobalSiteMenu.vue b/client/src/components/GlobalSiteMenu.vue
index 3b689fb..6b6fb76 100644
--- a/client/src/components/GlobalSiteMenu.vue
+++ b/client/src/components/GlobalSiteMenu.vue
@@ -83,6 +83,7 @@
/*padding: 5px 1rem 5px;*/
display: flex;
justify-content: space-around;
+ width: 100vw;
}
.place-holder {
width: 100%;
@@ -277,20 +278,18 @@
-