branch: elpa/gruvbox-theme
commit 129f10a5be0f3db1df1da654e4607d59a1c1f019
Author: Jasonm23 <jason...@gmail.com>
Commit: Jasonm23 <jason...@gmail.com>
Cleanup main.js and HTML
- fix head elements / title
- fix cssClassAfter
---
palette/gruvbox-theme-colors.html | 3 ++-
palette/js/main.js | 8 ++++----
2 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/palette/gruvbox-theme-colors.html
b/palette/gruvbox-theme-colors.html
index c88c3b2b0a..8061d0e36c 100644
--- a/palette/gruvbox-theme-colors.html
+++ b/palette/gruvbox-theme-colors.html
@@ -10,7 +10,8 @@
</head>
<body>
<div id="app">
- <h1>{{title}}</h1>
+ <h1>GRUVBOX for Emacs</h1>
+ <h2>PALETTE</h2>
<div v-for="paletteGroup in paletteGroups">
<palette-group v-bind:title="paletteGroup.title"
v-bind:prefix="paletteGroup.prefix"
diff --git a/palette/js/main.js b/palette/js/main.js
index 0bd1b0597f..22f31a3587 100644
--- a/palette/js/main.js
+++ b/palette/js/main.js
@@ -107,7 +107,6 @@ window.onload=function(){
var app = new Vue({
el: '#app',
data: {
- title: 'GRUVBOX for Emacs',
paletteGroups: [
{
title: "DARK TONES",
@@ -191,7 +190,7 @@ window.onload=function(){
]
},
{
- title:"SOLONOTES",
+ title:"SOLO NOTES",
prefix: "",
colors:[
"sienna",
@@ -220,7 +219,7 @@ window.onload=function(){
Vue.component('palette-group', {
props: ['title', 'colors', 'prefix'],
template: `<div class="palette-group">
- <h2>{{title}}</h2>
+ <h3>{{title}}</h3>
<swatch v-for="swatch in colors"
v-bind:prefix="prefix"
v-bind:content="swatch">
@@ -242,6 +241,7 @@ Vue.component('swatch', {
<div v-bind:class="cssClass">
<div class="content">{{unprefixed}}</div>
<div class="color-label">{{color}}</div>
+ <div class="xterm" v-if="isXterm">Xterm 256</div>
</div>
<div v-bind:class="cssClassAfter"></div>
</div>
@@ -251,7 +251,7 @@ Vue.component('swatch', {
return `gruvbox-${this.content}${this.isXterm == "true" ? "-xterm" :
""}`;
},
cssClassAfter: function(){
- return `gruvbox-${this.content}${this.isXterm == "true" ? "-xterm" :
""}-after`;
+ return `${this.cssClass}-after`;
},
color: function(){
return palette[`${this.content}${this.isXterm == "true" ? "-xterm" :
""}`];
