mirror of
https://github.com/ryanamay/pint.git
synced 2024-09-20 01:50:34 +00:00
ui refactoring + implementation of features
This commit is contained in:
fuwaa
parent
ca6cf31d56
commit
739b0ff2e1
66 changed files with 34686 additions and 190 deletions
1746
github-css/css-base/hehe.css
Normal file
1746
github-css/css-base/hehe.css
Normal file
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,135 @@
|
|||
"use strict";(()=>{var O=Object.defineProperty;var p=(M,N)=>O(M,"name",{value:N,configurable:!0});(globalThis.webpackChunk=globalThis.webpackChunk||[]).push([["vendors-node_modules_lit-html_lit-html_js"],{13695:(M,N,l)=>{l.d(N,{X:()=>v,w:()=>u});/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const a=new WeakMap,v=p(_=>(...c)=>{const h=_(...c);return a.set(h,!0),h},"directive"),u=p(_=>typeof _=="function"&&a.has(_),"isDirective")},66921:(M,N,l)=>{l.d(N,{V:()=>v,eC:()=>a,r4:()=>u});/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const a=window.customElements!==void 0&&window.customElements.polyfillWrapFlushCallback!==void 0,v=p((_,c,h=null,r=null)=>{for(;c!==h;){const d=c.nextSibling;_.insertBefore(c,r),c=d}},"reparentNodes"),u=p((_,c,h=null)=>{for(;c!==h;){const r=c.nextSibling;_.removeChild(c),c=r}},"removeNodes")},31301:(M,N,l)=>{l.d(N,{J:()=>a,L:()=>v});/**
|
||||
* @license
|
||||
* Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const a={},v={}},28356:(M,N,l)=>{l.d(N,{JG:()=>x,K1:()=>E,QG:()=>f,_l:()=>g,m:()=>w,nt:()=>m,pt:()=>r});var a=l(13695),v=l(66921),u=l(31301),_=l(3122),c=l(89823),h=l(60560);/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const r=p(s=>s===null||!(typeof s=="object"||typeof s=="function"),"isPrimitive"),d=p(s=>Array.isArray(s)||!!(s&&s[Symbol.iterator]),"isIterable");class f{constructor(t,n,e){this.dirty=!0,this.element=t,this.name=n,this.strings=e,this.parts=[];for(let i=0;i<e.length-1;i++)this.parts[i]=this._createPart()}_createPart(){return new g(this)}_getValue(){const t=this.strings,n=t.length-1;let e="";for(let i=0;i<n;i++){e+=t[i];const V=this.parts[i];if(V!==void 0){const T=V.value;if(r(T)||!d(T))e+=typeof T=="string"?T:String(T);else for(const y of T)e+=typeof y=="string"?y:String(y)}}return e+=t[n],e}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}p(f,"AttributeCommitter");class g{constructor(t){this.value=void 0,this.committer=t}setValue(t){t!==u.J&&(!r(t)||t!==this.value)&&(this.value=t,(0,a.w)(t)||(this.committer.dirty=!0))}commit(){for(;(0,a.w)(this.value);){const t=this.value;this.value=u.J,t(this)}this.value!==u.J&&this.committer.commit()}}p(g,"AttributePart");class m{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild((0,h.IW)()),this.endNode=t.appendChild((0,h.IW)())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=(0,h.IW)()),t.__insert(this.endNode=(0,h.IW)())}insertAfterPart(t){t.__insert(this.startNode=(0,h.IW)()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){for(;(0,a.w)(this.__pendingValue);){const n=this.__pendingValue;this.__pendingValue=u.J,n(this)}const t=this.__pendingValue;t!==u.J&&(r(t)?t!==this.value&&this.__commitText(t):t instanceof c.j?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):d(t)?this.__commitIterable(t):t===u.L?(this.value=u.L,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const n=this.startNode.nextSibling;t=t??"";const e=typeof t=="string"?t:String(t);n===this.endNode.previousSibling&&n.nodeType===3?n.data=e:this.__commitNode(document.createTextNode(e)),this.value=t}__commitTemplateResult(t){const n=this.options.templateFactory(t);if(this.value instanceof _.R&&this.value.template===n)this.value.update(t.values);else{const e=new _.R(n,t.processor,this.options),i=e._clone();e.update(t.values),this.__commitNode(i),this.value=e}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const n=this.value;let e=0,i;for(const V of t)i=n[e],i===void 0&&(i=new m(this.options),n.push(i),e===0?i.appendIntoPart(this):i.insertAfterPart(n[e-1])),i.setValue(V),i.commit(),e++;e<n.length&&(n.length=e,this.clear(i&&i.endNode))}clear(t=this.startNode){(0,v.r4)(this.startNode.parentNode,t.nextSibling,this.endNode)}}p(m,"NodePart");class x{constructor(t,n,e){if(this.value=void 0,this.__pendingValue=void 0,e.length!==2||e[0]!==""||e[1]!=="")throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=n,this.strings=e}setValue(t){this.__pendingValue=t}commit(){for(;(0,a.w)(this.__pendingValue);){const n=this.__pendingValue;this.__pendingValue=u.J,n(this)}if(this.__pendingValue===u.J)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=u.J}}p(x,"BooleanAttributePart");class w extends f{constructor(t,n,e){super(t,n,e);this.single=e.length===2&&e[0]===""&&e[1]===""}_createPart(){return new A(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}p(w,"PropertyCommitter");class A extends g{}p(A,"PropertyPart");let C=!1;try{const s={get capture(){return C=!0,!1}};window.addEventListener("test",s,s),window.removeEventListener("test",s,s)}catch{}class E{constructor(t,n,e){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=n,this.eventContext=e,this.__boundHandleEvent=i=>this.handleEvent(i)}setValue(t){this.__pendingValue=t}commit(){for(;(0,a.w)(this.__pendingValue);){const V=this.__pendingValue;this.__pendingValue=u.J,V(this)}if(this.__pendingValue===u.J)return;const t=this.__pendingValue,n=this.value,e=t==null||n!=null&&(t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive),i=t!=null&&(n==null||e);e&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),i&&(this.__options=o(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=u.J}handleEvent(t){typeof this.value=="function"?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}p(E,"EventPart");const o=p(s=>s&&(C?{capture:s.capture,passive:s.passive,once:s.once}:s.capture),"getOptions")},3122:(M,N,l)=>{l.d(N,{R:()=>u});var a=l(66921),v=l(60560);/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/class u{constructor(c,h,r){this.__parts=[],this.template=c,this.processor=h,this.options=r}update(c){let h=0;for(const r of this.__parts)r!==void 0&&r.setValue(c[h]),h++;for(const r of this.__parts)r!==void 0&&r.commit()}_clone(){const c=a.eC?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),h=[],r=this.template.parts,d=document.createTreeWalker(c,133,null,!1);let f=0,g=0,m,x=d.nextNode();for(;f<r.length;){if(m=r[f],!(0,v.pC)(m)){this.__parts.push(void 0),f++;continue}for(;g<m.index;)g++,x.nodeName==="TEMPLATE"&&(h.push(x),d.currentNode=x.content),(x=d.nextNode())===null&&(d.currentNode=h.pop(),x=d.nextNode());if(m.type==="node"){const w=this.processor.handleTextExpression(this.options);w.insertAfterNode(x.previousSibling),this.__parts.push(w)}else this.__parts.push(...this.processor.handleAttributeExpressions(x,m.name,m.strings,this.options));f++}return a.eC&&(document.adoptNode(c),customElements.upgrade(c)),c}}p(u,"TemplateInstance")},89823:(M,N,l)=>{l.d(N,{j:()=>_});var a=l(66921),v=l(60560);/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const u=` ${v.Jw} `;class _{constructor(r,d,f,g){this.strings=r,this.values=d,this.type=f,this.processor=g}getHTML(){const r=this.strings.length-1;let d="",f=!1;for(let g=0;g<r;g++){const m=this.strings[g],x=m.lastIndexOf("<!--");f=(x>-1||f)&&m.indexOf("-->",x+1)===-1;const w=v.W5.exec(m);w===null?d+=m+(f?u:v.N):d+=m.substr(0,w.index)+w[1]+w[2]+v.$E+w[3]+v.Jw}return d+=this.strings[r],d}getTemplateElement(){const r=document.createElement("template");return r.innerHTML=this.getHTML(),r}}p(_,"TemplateResult");class c extends null{getHTML(){return`<svg>${super.getHTML()}</svg>`}getTemplateElement(){const r=super.getTemplateElement(),d=r.content,f=d.firstChild;return d.removeChild(f),reparentNodes(d,f.firstChild),r}}p(c,"SVGTemplateResult")},60560:(M,N,l)=>{l.d(N,{$E:()=>_,IW:()=>d,Jw:()=>a,N:()=>v,W5:()=>f,YS:()=>c,pC:()=>r});/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const a=`{{lit-${String(Math.random()).slice(2)}}}`,v=`<!--${a}-->`,u=new RegExp(`${a}|${v}`),_="$lit$";class c{constructor(m,x){this.parts=[],this.element=x;const w=[],A=[],C=document.createTreeWalker(x.content,133,null,!1);let E=0,o=-1,s=0;const{strings:t,values:{length:n}}=m;for(;s<n;){const e=C.nextNode();if(e===null){C.currentNode=A.pop();continue}if(o++,e.nodeType===1){if(e.hasAttributes()){const i=e.attributes,{length:V}=i;let T=0;for(let y=0;y<V;y++)h(i[y].name,_)&&T++;for(;T-- >0;){const y=t[s],I=f.exec(y)[2],L=I.toLowerCase()+_,b=e.getAttribute(L);e.removeAttribute(L);const P=b.split(u);this.parts.push({type:"attribute",index:o,name:I,strings:P}),s+=P.length-1}}e.tagName==="TEMPLATE"&&(A.push(e),C.currentNode=e.content)}else if(e.nodeType===3){const i=e.data;if(i.indexOf(a)>=0){const V=e.parentNode,T=i.split(u),y=T.length-1;for(let I=0;I<y;I++){let L,b=T[I];if(b==="")L=d();else{const P=f.exec(b);P!==null&&h(P[2],_)&&(b=b.slice(0,P.index)+P[1]+P[2].slice(0,-_.length)+P[3]),L=document.createTextNode(b)}V.insertBefore(L,e),this.parts.push({type:"node",index:++o})}T[y]===""?(V.insertBefore(d(),e),w.push(e)):e.data=T[y],s+=y}}else if(e.nodeType===8)if(e.data===a){const i=e.parentNode;(e.previousSibling===null||o===E)&&(o++,i.insertBefore(d(),e)),E=o,this.parts.push({type:"node",index:o}),e.nextSibling===null?e.data="":(w.push(e),o--),s++}else{let i=-1;for(;(i=e.data.indexOf(a,i+1))!==-1;)this.parts.push({type:"node",index:-1}),s++}}for(const e of w)e.parentNode.removeChild(e)}}p(c,"Template");const h=p((g,m)=>{const x=g.length-m.length;return x>=0&&g.slice(x)===m},"endsWith"),r=p(g=>g.index!==-1,"isTemplatePartActive"),d=p(()=>document.createComment(""),"createMarker"),f=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/},36162:(M,N,l)=>{l.d(N,{_l:()=>a._l,nt:()=>a.nt,IW:()=>d.IW,XM:()=>c.X,dy:()=>A,r4:()=>h.r4,sY:()=>x,V:()=>h.V});var a=l(28356);/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/class v{handleAttributeExpressions(o,s,t,n){const e=s[0];return e==="."?new a.m(o,s.slice(1),t).parts:e==="@"?[new a.K1(o,s.slice(1),n.eventContext)]:e==="?"?[new a.JG(o,s.slice(1),t)]:new a.QG(o,s,t).parts}handleTextExpression(o){return new a.nt(o)}}p(v,"DefaultTemplateProcessor");const u=new v;var _=l(89823),c=l(13695),h=l(66921),r=l(31301),d=l(60560);/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/function f(E){let o=g.get(E.type);o===void 0&&(o={stringsArray:new WeakMap,keyString:new Map},g.set(E.type,o));let s=o.stringsArray.get(E.strings);if(s!==void 0)return s;const t=E.strings.join(d.Jw);return s=o.keyString.get(t),s===void 0&&(s=new d.YS(E,E.getTemplateElement()),o.keyString.set(t,s)),o.stringsArray.set(E.strings,s),s}p(f,"templateFactory");const g=new Map;/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/const m=new WeakMap,x=p((E,o,s)=>{let t=m.get(o);t===void 0&&((0,h.r4)(o,o.firstChild),m.set(o,t=new a.nt(Object.assign({templateFactory:f},s))),t.appendInto(o)),t.setValue(E),t.commit()},"render");var w=l(3122);/**
|
||||
* @license
|
||||
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||
* This code may only be used under the BSD style license found at
|
||||
* http://polymer.github.io/LICENSE.txt
|
||||
* The complete set of authors may be found at
|
||||
* http://polymer.github.io/AUTHORS.txt
|
||||
* The complete set of contributors may be found at
|
||||
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||
* Code distributed by Google as part of the polymer project is also
|
||||
* subject to an additional IP rights grant found at
|
||||
* http://polymer.github.io/PATENTS.txt
|
||||
*/(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const A=p((E,...o)=>new _.j(E,o,"html",u),"html"),C=p((E,...o)=>new SVGTemplateResult(E,o,"svg",defaultTemplateProcessor),"svg")}}]);})();
|
||||
|
||||
//# sourceMappingURL=vendors-node_modules_lit-html_lit-html_js-3d856109fd53.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -8,6 +8,8 @@ chrome.storage.sync.get('a1', ({ a1 }) => {
|
|||
|
||||
});
|
||||
|
||||
let r = document.querySelector(':root');
|
||||
|
||||
function updateAccents(a1) {
|
||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L4-bg', a1 + "ff", "important");
|
||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L3-bg', a1 + "c5", "important");
|
||||
|
|
|
|||
455
public/Initial.js
Normal file
455
public/Initial.js
Normal file
|
|
@ -0,0 +1,455 @@
|
|||
const key = 'bucket';
|
||||
bucket = {};
|
||||
defaultBucket = {
|
||||
'color-canvas-default-transparent':"rgba(13, 17, 23, 0)",
|
||||
'color-page-header-bg':"#0d1117",
|
||||
'color-marketing-icon-primary':"#79c0ff",
|
||||
'color-marketing-icon-secondary':"#1f6feb",
|
||||
'color-diff-blob-addition-num-text':"#c9d1d9",
|
||||
'color-diff-blob-addition-fg':"#c9d1d9",
|
||||
'color-diff-blob-addition-num-bg':"rgba(63, 185, 80, 0.3)",
|
||||
'color-diff-blob-addition-line-bg':"rgba(46, 160, 67, 0.15)",
|
||||
'color-diff-blob-addition-word-bg':"rgba(46, 160, 67, 0.4)",
|
||||
'color-diff-blob-deletion-num-text':"#c9d1d9",
|
||||
'color-diff-blob-deletion-fg':"#c9d1d9",
|
||||
'color-diff-blob-deletion-num-bg':"rgba(248, 81, 73, 0.3)",
|
||||
'color-diff-blob-deletion-line-bg':"rgba(248, 81, 73, 0.15)",
|
||||
'color-diff-blob-deletion-word-bg':"rgba(248, 81, 73, 0.4)",
|
||||
'color-diff-blob-hunk-num-bg':"rgba(56, 139, 253, 0.4)",
|
||||
'color-diff-blob-expander-icon':"#8b949e",
|
||||
'color-diff-blob-selected-line-highlight-mix-blend-mode':"screen",
|
||||
'color-diffstat-deletion-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-diffstat-addition-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-diffstat-addition-bg':"#3fb950",
|
||||
'color-search-keyword-hl':"rgba(210, 153, 34, 0.4)",
|
||||
'color-prettylights-syntax-comment':"#8b949e",
|
||||
'color-prettylights-syntax-constant':"#79c0ff",
|
||||
'color-prettylights-syntax-entity':"#d2a8ff",
|
||||
'color-prettylights-syntax-storage-modifier-import':"#c9d1d9",
|
||||
'color-prettylights-syntax-entity-tag':"#7ee787",
|
||||
'color-prettylights-syntax-keyword':"#ff7b72",
|
||||
'color-prettylights-syntax-string':"#a5d6ff",
|
||||
'color-prettylights-syntax-variable':"#ffa657",
|
||||
'color-prettylights-syntax-brackethighlighter-unmatched':"#f85149",
|
||||
'color-prettylights-syntax-invalid-illegal-text':"#f0f6fc",
|
||||
'color-prettylights-syntax-invalid-illegal-bg':"#8e1519",
|
||||
'color-prettylights-syntax-carriage-return-text':"#f0f6fc",
|
||||
'color-prettylights-syntax-carriage-return-bg':"#b62324",
|
||||
'color-prettylights-syntax-string-regexp':"#7ee787",
|
||||
'color-prettylights-syntax-markup-list':"#f2cc60",
|
||||
'color-prettylights-syntax-markup-heading':"#1f6feb",
|
||||
'color-prettylights-syntax-markup-italic':"#c9d1d9",
|
||||
'color-prettylights-syntax-markup-bold':"#c9d1d9",
|
||||
'color-prettylights-syntax-markup-deleted-text':"#ffdcd7",
|
||||
'color-prettylights-syntax-markup-deleted-bg':"#67060c",
|
||||
'color-prettylights-syntax-markup-inserted-text':"#aff5b4",
|
||||
'color-prettylights-syntax-markup-inserted-bg':"#033a16",
|
||||
'color-prettylights-syntax-markup-changed-text':"#ffdfb6",
|
||||
'color-prettylights-syntax-markup-changed-bg':"#5a1e02",
|
||||
'color-prettylights-syntax-markup-ignored-text':"#c9d1d9",
|
||||
'color-prettylights-syntax-markup-ignored-bg':"#1158c7",
|
||||
'color-prettylights-syntax-meta-diff-range':"#d2a8ff",
|
||||
'color-prettylights-syntax-brackethighlighter-angle':"#8b949e",
|
||||
'color-prettylights-syntax-sublimelinter-gutter-mark':"#484f58",
|
||||
'color-prettylights-syntax-constant-other-reference-link':"#a5d6ff",
|
||||
'color-codemirror-text':"#c9d1d9",
|
||||
'color-codemirror-bg':"#0d1117",
|
||||
'color-codemirror-gutters-bg':"#0d1117",
|
||||
'color-codemirror-guttermarker-text':"#0d1117",
|
||||
'color-codemirror-guttermarker-subtle-text':"#6e7681",
|
||||
'color-codemirror-linenumber-text':"#8b949e",
|
||||
'color-codemirror-cursor':"#c9d1d9",
|
||||
'color-codemirror-selection-bg':"rgba(56, 139, 253, 0.4)",
|
||||
'color-codemirror-activeline-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'color-codemirror-matchingbracket-text':"#c9d1d9",
|
||||
'color-codemirror-lines-bg':"#0d1117",
|
||||
'color-codemirror-syntax-comment':"#8b949e",
|
||||
'color-codemirror-syntax-constant':"#79c0ff",
|
||||
'color-codemirror-syntax-entity':"#d2a8ff",
|
||||
'color-codemirror-syntax-keyword':"#ff7b72",
|
||||
'color-codemirror-syntax-storage':"#ff7b72",
|
||||
'color-codemirror-syntax-string':"#a5d6ff",
|
||||
'color-codemirror-syntax-support':"#79c0ff",
|
||||
'color-codemirror-syntax-variable':"#ffa657",
|
||||
'color-checks-bg':"#010409",
|
||||
'color-checks-run-border-width':"1px",
|
||||
'color-checks-container-border-width':"1px",
|
||||
'color-checks-text-primary':"#c9d1d9",
|
||||
'color-checks-text-secondary':"#8b949e",
|
||||
'color-checks-text-link':"#58a6ff",
|
||||
'color-checks-btn-icon':"#8b949e",
|
||||
'color-checks-btn-hover-icon':"#c9d1d9",
|
||||
'color-checks-btn-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'color-checks-input-text':"#8b949e",
|
||||
'color-checks-input-placeholder-text':"#6e7681",
|
||||
'color-checks-input-focus-text':"#c9d1d9",
|
||||
'color-checks-input-bg':"#161b22",
|
||||
'color-checks-input-shadow':"0 0 0 1px (obj) => get_1.default(obj, path)",
|
||||
'color-checks-donut-error':"#f85149",
|
||||
'color-checks-donut-pending':"#d29922",
|
||||
'color-checks-donut-success':"#2ea043",
|
||||
'color-checks-donut-neutral':"#8b949e",
|
||||
'color-checks-dropdown-text':"#c9d1d9",
|
||||
'color-checks-dropdown-bg':"#161b22",
|
||||
'color-checks-dropdown-border':"#30363d",
|
||||
'color-checks-dropdown-shadow':"rgba(1, 4, 9, 0.3)",
|
||||
'color-checks-dropdown-hover-text':"#c9d1d9",
|
||||
'color-checks-dropdown-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'color-checks-dropdown-btn-hover-text':"#c9d1d9",
|
||||
'color-checks-dropdown-btn-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'color-checks-scrollbar-thumb-bg':"rgba(110, 118, 129, 0.4)",
|
||||
'color-checks-header-label-text':"#8b949e",
|
||||
'color-checks-header-label-open-text':"#c9d1d9",
|
||||
'color-checks-header-border':"#21262d",
|
||||
'color-checks-header-icon':"#8b949e",
|
||||
'color-checks-line-text':"#8b949e",
|
||||
'color-checks-line-num-text':"#6e7681",
|
||||
'color-checks-line-timestamp-text':"#6e7681",
|
||||
'color-checks-line-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'color-checks-line-selected-bg':"rgba(56, 139, 253, 0.15)",
|
||||
'color-checks-line-selected-num-text':"#58a6ff",
|
||||
'color-checks-line-dt-fm-text':"#ffffff",
|
||||
'color-checks-line-dt-fm-bg':"#9e6a03",
|
||||
'color-checks-gate-bg':"rgba(187, 128, 9, 0.15)",
|
||||
'color-checks-gate-text':"#8b949e",
|
||||
'color-checks-gate-waiting-text':"#d29922",
|
||||
'color-checks-step-header-open-bg':"#161b22",
|
||||
'color-checks-step-error-text':"#f85149",
|
||||
'color-checks-step-warning-text':"#d29922",
|
||||
'color-checks-logline-text':"#8b949e",
|
||||
'color-checks-logline-num-text':"#6e7681",
|
||||
'color-checks-logline-debug-text':"#a371f7",
|
||||
'color-checks-logline-error-text':"#8b949e",
|
||||
'color-checks-logline-error-num-text':"#6e7681",
|
||||
'color-checks-logline-error-bg':"rgba(248, 81, 73, 0.15)",
|
||||
'color-checks-logline-warning-text':"#8b949e",
|
||||
'color-checks-logline-warning-num-text':"#d29922",
|
||||
'color-checks-logline-warning-bg':"rgba(187, 128, 9, 0.15)",
|
||||
'color-checks-logline-command-text':"#58a6ff",
|
||||
'color-checks-logline-section-text':"#3fb950",
|
||||
'color-checks-ansi-black':"#0d1117",
|
||||
'color-checks-ansi-black-bright':"#161b22",
|
||||
'color-checks-ansi-white':"#b1bac4",
|
||||
'color-checks-ansi-white-bright':"#b1bac4",
|
||||
'color-checks-ansi-gray':"#6e7681",
|
||||
'color-checks-ansi-red':"#ff7b72",
|
||||
'color-checks-ansi-red-bright':"#ffa198",
|
||||
'color-checks-ansi-green':"#3fb950",
|
||||
'color-checks-ansi-green-bright':"#56d364",
|
||||
'color-checks-ansi-yellow':"#d29922",
|
||||
'color-checks-ansi-yellow-bright':"#e3b341",
|
||||
'color-checks-ansi-blue':"#58a6ff",
|
||||
'color-checks-ansi-blue-bright':"#79c0ff",
|
||||
'color-checks-ansi-magenta':"#bc8cff",
|
||||
'color-checks-ansi-magenta-bright':"#d2a8ff",
|
||||
'color-checks-ansi-cyan':"#76e3ea",
|
||||
'color-checks-ansi-cyan-bright':"#b3f0ff",
|
||||
'color-project-header-bg':"#0d1117",
|
||||
'color-project-sidebar-bg':"#161b22",
|
||||
'color-project-gradient-in':"#161b22",
|
||||
'color-project-gradient-out':"rgba(22, 27, 34, 0)",
|
||||
'color-mktg-btn-bg':"#f6f8fa",
|
||||
'color-mktg-btn-shadow-outline':"rgb(255 255 255 / 25%) 0 0 0 1px inset",
|
||||
'color-mktg-btn-shadow-focus':"rgb(255 255 255 / 25%) 0 0 0 4px",
|
||||
'color-mktg-btn-shadow-hover':"0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
|
||||
'color-mktg-btn-shadow-hover-muted':"rgb(255 255 255) 0 0 0 2px inset",
|
||||
'color-avatar-bg':"rgba(255, 255, 255, 0.1)",
|
||||
'color-avatar-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-avatar-stack-fade':"#30363d",
|
||||
'color-avatar-stack-fade-more':"#21262d",
|
||||
'color-avatar-child-shadow':"-2px -2px 0 #0d1117",
|
||||
'color-topic-tag-border':"rgba(0, 0, 0, 0)",
|
||||
'color-counter-border':"rgba(0, 0, 0, 0)",
|
||||
'color-select-menu-backdrop-border':"#484f58",
|
||||
'color-select-menu-tap-highlight':"rgba(48, 54, 61, 0.5)",
|
||||
'color-select-menu-tap-focus-bg':"#0c2d6b",
|
||||
'color-overlay-shadow':"0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85)",
|
||||
'color-header-text':"rgba(255, 255, 255, 0.7)",
|
||||
'color-header-bg':"#161b22",
|
||||
'color-header-divider':"#8b949e",
|
||||
'color-header-logo':"#f0f6fc",
|
||||
'color-header-search-bg':"#0d1117",
|
||||
'color-header-search-border':"#30363d",
|
||||
'color-sidenav-selected-bg':"#21262d",
|
||||
'color-menu-bg-active':"#161b22",
|
||||
'color-input-disabled-bg':"rgba(110, 118, 129, 0)",
|
||||
'color-timeline-badge-bg':"#21262d",
|
||||
'color-ansi-black':"#484f58",
|
||||
'color-ansi-black-bright':"#6e7681",
|
||||
'color-ansi-white':"#b1bac4",
|
||||
'color-ansi-white-bright':"#ffffff",
|
||||
'color-ansi-gray':"#6e7681",
|
||||
'color-ansi-red':"#ff7b72",
|
||||
'color-ansi-red-bright':"#ffa198",
|
||||
'color-ansi-green':"#3fb950",
|
||||
'color-ansi-green-bright':"#56d364",
|
||||
'color-ansi-yellow':"#d29922",
|
||||
'color-ansi-yellow-bright':"#e3b341",
|
||||
'color-ansi-blue':"#58a6ff",
|
||||
'color-ansi-blue-bright':"#79c0ff",
|
||||
'color-ansi-magenta':"#bc8cff",
|
||||
'color-ansi-magenta-bright':"#d2a8ff",
|
||||
'color-ansi-cyan':"#39c5cf",
|
||||
'color-ansi-cyan-bright':"#56d4dd",
|
||||
'color-btn-text':"#c9d1d9",
|
||||
'color-btn-bg':"#21262d",
|
||||
'color-btn-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-shadow':"0 0 transparent",
|
||||
'color-btn-inset-shadow':"0 0 transparent",
|
||||
'color-btn-hover-bg':"#30363d",
|
||||
'color-btn-hover-border':"#8b949e",
|
||||
'color-btn-active-bg':"hsla(212, 12%, 18%, 1)",
|
||||
'color-btn-active-border':"#6e7681",
|
||||
'color-btn-selected-bg':"#161b22",
|
||||
'color-btn-focus-bg':"#21262d",
|
||||
'color-btn-focus-border':"#8b949e",
|
||||
'color-btn-focus-shadow':"0 0 0 3px rgba(139, 148, 158, 0.3)",
|
||||
'color-btn-shadow-active':"inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15)",
|
||||
'color-btn-shadow-input-focus':"0 0 0 0.2em rgba(31, 111, 235, 0.3)",
|
||||
'color-btn-counter-bg':"#30363d",
|
||||
'color-btn-primary-text':"#ffffff",
|
||||
'color-btn-primary-bg':"#238636",
|
||||
'color-btn-primary-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-primary-shadow':"0 0 transparent",
|
||||
'color-btn-primary-inset-shadow':"0 0 transparent",
|
||||
'color-btn-primary-hover-bg':"#2ea043",
|
||||
'color-btn-primary-hover-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-primary-selected-bg':"#238636",
|
||||
'color-btn-primary-selected-shadow':"0 0 transparent",
|
||||
'color-btn-primary-disabled-text':"rgba(255, 255, 255, 0.5)",
|
||||
'color-btn-primary-disabled-bg':"rgba(35, 134, 54, 0.6)",
|
||||
'color-btn-primary-disabled-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-primary-focus-bg':"#238636",
|
||||
'color-btn-primary-focus-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-primary-focus-shadow':"0 0 0 3px rgba(46, 164, 79, 0.4)",
|
||||
'color-btn-primary-icon':"#ffffff",
|
||||
'color-btn-primary-counter-bg':"rgba(255, 255, 255, 0.2)",
|
||||
'color-btn-outline-text':"#58a6ff",
|
||||
'color-btn-outline-hover-text':"#58a6ff",
|
||||
'color-btn-outline-hover-bg':"#30363d",
|
||||
'color-btn-outline-hover-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-outline-hover-shadow':"0 1px 0 rgba(1, 4, 9, 0.1)",
|
||||
'color-btn-outline-hover-inset-shadow':"inset 0 1px 0 rgba(255, 255, 255, 0.03)",
|
||||
'color-btn-outline-hover-counter-bg':"rgba(255, 255, 255, 0.2)",
|
||||
'color-btn-outline-selected-text':"#ffffff",
|
||||
'color-btn-outline-selected-bg':"#0d419d",
|
||||
'color-btn-outline-selected-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-outline-selected-shadow':"0 0 transparent",
|
||||
'color-btn-outline-disabled-text':"rgba(88, 166, 255, 0.5)",
|
||||
'color-btn-outline-disabled-bg':"#0d1117",
|
||||
'color-btn-outline-disabled-counter-bg':"rgba(31, 111, 235, 0.05)",
|
||||
'color-btn-outline-focus-border':"rgba(240, 246, 252, 0.1)",
|
||||
'color-btn-outline-focus-shadow':"0 0 0 3px rgba(17, 88, 199, 0.4)",
|
||||
'color-btn-outline-counter-bg':"rgba(31, 111, 235, 0.1)",
|
||||
'color-btn-danger-text':"#f85149",
|
||||
'color-btn-danger-hover-text':"#ffffff",
|
||||
'color-btn-danger-hover-bg':"#da3633",
|
||||
'color-btn-danger-hover-border':"#f85149",
|
||||
'color-btn-danger-hover-shadow':"0 0 transparent",
|
||||
'color-btn-danger-hover-inset-shadow':"0 0 transparent",
|
||||
'color-btn-danger-hover-icon':"#ffffff",
|
||||
'color-btn-danger-hover-counter-bg':"rgba(255, 255, 255, 0.2)",
|
||||
'color-btn-danger-selected-text':"#ffffff",
|
||||
'color-btn-danger-selected-bg':"#b62324",
|
||||
'color-btn-danger-selected-border':"#ff7b72",
|
||||
'color-btn-danger-selected-shadow':"0 0 transparent",
|
||||
'color-btn-danger-disabled-text':"rgba(248, 81, 73, 0.5)",
|
||||
'color-btn-danger-disabled-bg':"#0d1117",
|
||||
'color-btn-danger-disabled-counter-bg':"rgba(218, 54, 51, 0.05)",
|
||||
'color-btn-danger-focus-border':"#f85149",
|
||||
'color-btn-danger-focus-shadow':"0 0 0 3px rgba(248, 81, 73, 0.4)",
|
||||
'color-btn-danger-counter-bg':"rgba(218, 54, 51, 0.1)",
|
||||
'color-btn-danger-icon':"#f85149",
|
||||
'color-underlinenav-icon':"#6e7681",
|
||||
'color-underlinenav-border-hover':"rgba(110, 118, 129, 0.4)",
|
||||
'color-action-list-item-inline-divider':"rgba(48, 54, 61, 0.48)",
|
||||
'color-action-list-item-default-hover-bg':"rgba(177, 186, 196, 0.12)",
|
||||
'color-action-list-item-default-hover-border':"rgba(0, 0, 0, 0)",
|
||||
'color-action-list-item-default-active-bg':"rgba(177, 186, 196, 0.2)",
|
||||
'color-action-list-item-default-active-border':"rgba(0, 0, 0, 0)",
|
||||
'color-action-list-item-default-selected-bg':"rgba(177, 186, 196, 0.08)",
|
||||
'color-action-list-item-danger-hover-bg':"rgba(248, 81, 73, 0.16)",
|
||||
'color-action-list-item-danger-active-bg':"rgba(248, 81, 73, 0.24)",
|
||||
'color-action-list-item-danger-hover-text':"#ff7b72",
|
||||
'color-switch-track-bg':"#010409",
|
||||
'color-switch-track-border':"#6e7681",
|
||||
'color-switch-track-checked-bg':"rgba(31, 111, 235, 0.35)",
|
||||
'color-switch-track-checked-hover-bg':"rgba(31, 111, 235, 0.5)",
|
||||
'color-switch-track-checked-active-bg':"rgba(31, 111, 235, 0.65)",
|
||||
'color-switch-track-checked-border':"#58a6ff",
|
||||
'color-switch-knob-checked-bg':"#1f6feb",
|
||||
'color-switch-knob-checked-disabled-bg':"#484f58",
|
||||
'color-fg-default':"#c9d1d9",
|
||||
'color-fg-muted':"#8b949e",
|
||||
'color-fg-subtle':"#6e7681",
|
||||
'color-fg-on-emphasis':"#ffffff",
|
||||
'color-canvas-default':"#0d1117",
|
||||
'color-canvas-overlay':"#161b22",
|
||||
'color-canvas-inset':"#010409",
|
||||
'color-canvas-subtle':"#161b22",
|
||||
'color-border-default':"#30363d",
|
||||
'color-border-muted':"#21262d",
|
||||
'color-border-subtle':"rgba(240, 246, 252, 0.1)",
|
||||
'color-shadow-small':"0 0 transparent",
|
||||
'color-shadow-medium':"0 3px 6px #010409",
|
||||
'color-shadow-large':"0 8px 24px #010409",
|
||||
'color-shadow-extra-large':"0 12px 48px #010409",
|
||||
'color-neutral-emphasis-plus':"#6e7681",
|
||||
'color-neutral-emphasis':"#6e7681",
|
||||
'color-neutral-muted':"rgba(110, 118, 129, 0.4)",
|
||||
'color-neutral-subtle':"rgba(110, 118, 129, 0.1)",
|
||||
'color-accent-fg':"#58a6ff",
|
||||
'color-accent-emphasis':"#1f6feb",
|
||||
'color-accent-muted':"rgba(56, 139, 253, 0.4)",
|
||||
'color-accent-subtle':"rgba(56, 139, 253, 0.15)",
|
||||
'color-success-fg':"#3fb950",
|
||||
'color-success-emphasis':"#238636",
|
||||
'color-success-muted':"rgba(46, 160, 67, 0.4)",
|
||||
'color-success-subtle':"rgba(46, 160, 67, 0.15)",
|
||||
'color-attention-fg':"#d29922",
|
||||
'color-attention-emphasis':"#9e6a03",
|
||||
'color-attention-muted':"rgba(187, 128, 9, 0.4)",
|
||||
'color-attention-subtle':"rgba(187, 128, 9, 0.15)",
|
||||
'color-severe-fg':"#db6d28",
|
||||
'color-severe-emphasis':"#bd561d",
|
||||
'color-severe-muted':"rgba(219, 109, 40, 0.4)",
|
||||
'color-severe-subtle':"rgba(219, 109, 40, 0.15)",
|
||||
'color-danger-fg':"#f85149",
|
||||
'color-danger-emphasis':"#da3633",
|
||||
'color-danger-muted':"rgba(248, 81, 73, 0.4)",
|
||||
'color-danger-subtle':"rgba(248, 81, 73, 0.15)",
|
||||
'color-open-fg':"#3fb950",
|
||||
'color-open-emphasis':"#238636",
|
||||
'color-open-muted':"rgba(46, 160, 67, 0.4)",
|
||||
'color-open-subtle':"rgba(46, 160, 67, 0.15)",
|
||||
'color-closed-fg':"#f85149",
|
||||
'color-closed-emphasis':"#da3633",
|
||||
'color-closed-muted':"rgba(248, 81, 73, 0.4)",
|
||||
'color-closed-subtle':"rgba(248, 81, 73, 0.15)",
|
||||
'color-done-fg':"#a371f7",
|
||||
'color-done-emphasis':"#8957e5",
|
||||
'color-done-muted':"rgba(163, 113, 247, 0.4)",
|
||||
'color-done-subtle':"rgba(163, 113, 247, 0.15)",
|
||||
'color-sponsors-fg':"#db61a2",
|
||||
'color-sponsors-emphasis':"#bf4b8a",
|
||||
'color-sponsors-muted':"rgba(219, 97, 162, 0.4)",
|
||||
'color-sponsors-subtle':"rgba(219, 97, 162, 0.15)",
|
||||
'color-primer-fg-disabled':"#484f58",
|
||||
'color-primer-canvas-backdrop':"rgba(1, 4, 9, 0.8)",
|
||||
'color-primer-canvas-sticky':"rgba(13, 17, 23, 0.95)",
|
||||
'color-primer-border-active':"#F78166",
|
||||
'color-primer-border-contrast':"rgba(255, 255, 255, 0.2)",
|
||||
'color-primer-shadow-highlight':"0 0 transparent",
|
||||
'color-primer-shadow-inset':"0 0 transparent",
|
||||
'color-primer-shadow-focus':"0 0 0 3px #0c2d6b",
|
||||
'color-scale-black':"#010409",
|
||||
'color-scale-white':"#ffffff",
|
||||
'color-scale-gray-0':"#f0f6fc",
|
||||
'color-scale-gray-1':"#c9d1d9",
|
||||
'color-scale-gray-2':"#b1bac4",
|
||||
'color-scale-gray-3':"#8b949e",
|
||||
'color-scale-gray-4':"#6e7681",
|
||||
'color-scale-gray-5':"#484f58",
|
||||
'color-scale-gray-6':"#30363d",
|
||||
'color-scale-gray-7':"#21262d",
|
||||
'color-scale-gray-8':"#161b22",
|
||||
'color-scale-gray-9':"#0d1117",
|
||||
'color-scale-blue-0':"#cae8ff",
|
||||
'color-scale-blue-1':"#a5d6ff",
|
||||
'color-scale-blue-2':"#79c0ff",
|
||||
'color-scale-blue-3':"#58a6ff",
|
||||
'color-scale-blue-4':"#388bfd",
|
||||
'color-scale-blue-5':"#1f6feb",
|
||||
'color-scale-blue-6':"#1158c7",
|
||||
'color-scale-blue-7':"#0d419d",
|
||||
'color-scale-blue-8':"#0c2d6b",
|
||||
'color-scale-blue-9':"#051d4d",
|
||||
'color-scale-green-0':"#aff5b4",
|
||||
'color-scale-green-1':"#7ee787",
|
||||
'color-scale-green-2':"#56d364",
|
||||
'color-scale-green-3':"#3fb950",
|
||||
'color-scale-green-4':"#2ea043",
|
||||
'color-scale-green-5':"#238636",
|
||||
'color-scale-green-6':"#196c2e",
|
||||
'color-scale-green-7':"#0f5323",
|
||||
'color-scale-green-8':"#033a16",
|
||||
'color-scale-green-9':"#04260f",
|
||||
'color-scale-yellow-0':"#f8e3a1",
|
||||
'color-scale-yellow-1':"#f2cc60",
|
||||
'color-scale-yellow-2':"#e3b341",
|
||||
'color-scale-yellow-3':"#d29922",
|
||||
'color-scale-yellow-4':"#bb8009",
|
||||
'color-scale-yellow-5':"#9e6a03",
|
||||
'color-scale-yellow-6':"#845306",
|
||||
'color-scale-yellow-7':"#693e00",
|
||||
'color-scale-yellow-8':"#4b2900",
|
||||
'color-scale-yellow-9':"#341a00",
|
||||
'color-scale-orange-0':"#ffdfb6",
|
||||
'color-scale-orange-1':"#ffc680",
|
||||
'color-scale-orange-2':"#ffa657",
|
||||
'color-scale-orange-3':"#f0883e",
|
||||
'color-scale-orange-4':"#db6d28",
|
||||
'color-scale-orange-5':"#bd561d",
|
||||
'color-scale-orange-6':"#9b4215",
|
||||
'color-scale-orange-7':"#762d0a",
|
||||
'color-scale-orange-8':"#5a1e02",
|
||||
'color-scale-orange-9':"#3d1300",
|
||||
'color-scale-red-0':"#ffdcd7",
|
||||
'color-scale-red-1':"#ffc1ba",
|
||||
'color-scale-red-2':"#ffa198",
|
||||
'color-scale-red-3':"#ff7b72",
|
||||
'color-scale-red-4':"#f85149",
|
||||
'color-scale-red-5':"#da3633",
|
||||
'color-scale-red-6':"#b62324",
|
||||
'color-scale-red-7':"#8e1519",
|
||||
'color-scale-red-8':"#67060c",
|
||||
'color-scale-red-9':"#490202",
|
||||
'color-scale-purple-0':"#eddeff",
|
||||
'color-scale-purple-1':"#e2c5ff",
|
||||
'color-scale-purple-2':"#d2a8ff",
|
||||
'color-scale-purple-3':"#bc8cff",
|
||||
'color-scale-purple-4':"#a371f7",
|
||||
'color-scale-purple-5':"#8957e5",
|
||||
'color-scale-purple-6':"#6e40c9",
|
||||
'color-scale-purple-7':"#553098",
|
||||
'color-scale-purple-8':"#3c1e70",
|
||||
'color-scale-purple-9':"#271052",
|
||||
'color-scale-pink-0':"#ffdaec",
|
||||
'color-scale-pink-1':"#ffbedd",
|
||||
'color-scale-pink-2':"#ff9bce",
|
||||
'color-scale-pink-3':"#f778ba",
|
||||
'color-scale-pink-4':"#db61a2",
|
||||
'color-scale-pink-5':"#bf4b8a",
|
||||
'color-scale-pink-6':"#9e3670",
|
||||
'color-scale-pink-7':"#7d2457",
|
||||
'color-scale-pink-8':"#5e103e",
|
||||
'color-scale-pink-9':"#42062a",
|
||||
'color-scale-coral-0':"#FFDDD2",
|
||||
'color-scale-coral-1':"#FFC2B2",
|
||||
'color-scale-coral-2':"#FFA28B",
|
||||
'color-scale-coral-3':"#F78166",
|
||||
'color-scale-coral-4':"#EA6045",
|
||||
'color-scale-coral-5':"#CF462D",
|
||||
'color-scale-coral-6':"#AC3220",
|
||||
'color-scale-coral-7':"#872012",
|
||||
'color-scale-coral-8':"#640D04",
|
||||
'color-scale-coral-9':"#460701"
|
||||
};
|
||||
|
||||
// to initialize the all data using the storage
|
||||
chrome.storage.sync.get([key], (result) => {
|
||||
// check if data exists.
|
||||
if (chrome.runtime.lastError) console.log(chrome.runtime.lastError);
|
||||
|
||||
if (result) {
|
||||
bucket = result;
|
||||
} else {
|
||||
bucket[Object.keys(bucket).length] = defaultBucket;
|
||||
}
|
||||
});
|
||||
|
||||
// Save it using the Chrome extension storage API.
|
||||
chrome.storage.sync.set({key: bucket}, function() {
|
||||
// Notify that we saved.
|
||||
alert('Settings saved');
|
||||
});
|
||||
|
|
@ -10,40 +10,42 @@
|
|||
},
|
||||
|
||||
"action": {
|
||||
"default_icon": {
|
||||
"16": "pint-logo.png",
|
||||
"24": "pint-logo.png",
|
||||
"32": "pint-logo.png"
|
||||
},
|
||||
"default_title": "Pint for GitHub",
|
||||
"default_popup": "index.html"
|
||||
|
||||
"default_icon": {
|
||||
"16": "pint-logo.png",
|
||||
"24": "pint-logo.png",
|
||||
"32": "pint-logo.png"
|
||||
},
|
||||
"default_title": "Pint for GitHub",
|
||||
"default_popup": "index.html"
|
||||
},
|
||||
|
||||
"description": "pint is a browser extension that makes your github experience colorful, just the way you like it",
|
||||
|
||||
"author": {
|
||||
"name": "Jariel Que",
|
||||
"url": "https://github.com/fuwaa"
|
||||
"name": "Jariel Que",
|
||||
"url": "https://github.com/fuwaa"
|
||||
},
|
||||
|
||||
"host_permissions": [
|
||||
"https://*.github.com/"
|
||||
],
|
||||
"host_permissions": ["https://*.github.com/"],
|
||||
|
||||
"content_scripts": [{
|
||||
"content_scripts": [
|
||||
{
|
||||
"run_at": "document_start",
|
||||
"matches": ["https://*.github.com/*"],
|
||||
"js": ["initial.js"],
|
||||
"css": ["pint-css.css"]
|
||||
},
|
||||
{
|
||||
"run_at": "document_end",
|
||||
"matches": ["https://*.github.com/*"],
|
||||
"js": ["onload.js"],
|
||||
"css": ["main.css"]
|
||||
}],
|
||||
|
||||
"permissions": [
|
||||
"storage",
|
||||
"scripting"
|
||||
"css": ["unhide.css"]
|
||||
}
|
||||
],
|
||||
"background": {
|
||||
"service_worker": "background.js"
|
||||
}
|
||||
|
||||
"permissions": ["storage", "scripting"],
|
||||
"background": {
|
||||
"service_worker": "background.js"
|
||||
},
|
||||
"options_page": "index.html"
|
||||
}
|
||||
455
public/pint-css.css
Normal file
455
public/pint-css.css
Normal file
|
|
@ -0,0 +1,455 @@
|
|||
[data-color-mode=light][data-light-theme=dark], [data-color-mode=dark][data-dark-theme=dark] {
|
||||
--color-canvas-default-transparent: initial !important;
|
||||
--color-page-header-bg: initial !important;
|
||||
--color-marketing-icon-primary: initial !important;
|
||||
--color-marketing-icon-secondary: initial !important;
|
||||
--color-diff-blob-addition-num-text: initial !important;
|
||||
--color-diff-blob-addition-fg: initial !important;
|
||||
--color-diff-blob-addition-num-bg: initial !important;
|
||||
--color-diff-blob-addition-line-bg: initial !important;
|
||||
--color-diff-blob-addition-word-bg: initial !important;
|
||||
--color-diff-blob-deletion-num-text: initial !important;
|
||||
--color-diff-blob-deletion-fg: initial !important;
|
||||
--color-diff-blob-deletion-num-bg: initial !important;
|
||||
--color-diff-blob-deletion-line-bg: initial !important;
|
||||
--color-diff-blob-deletion-word-bg: initial !important;
|
||||
--color-diff-blob-hunk-num-bg: initial !important;
|
||||
--color-diff-blob-expander-icon: initial !important;
|
||||
--color-diff-blob-selected-line-highlight-mix-blend-mode: initial !important;
|
||||
--color-diffstat-deletion-border: initial !important;
|
||||
--color-diffstat-addition-border: initial !important;
|
||||
--color-diffstat-addition-bg: initial !important;
|
||||
--color-search-keyword-hl: initial !important;
|
||||
--color-prettylights-syntax-comment: initial !important;
|
||||
--color-prettylights-syntax-constant: initial !important;
|
||||
--color-prettylights-syntax-entity: initial !important;
|
||||
--color-prettylights-syntax-storage-modifier-import: initial !important;
|
||||
--color-prettylights-syntax-entity-tag: initial !important;
|
||||
--color-prettylights-syntax-keyword: initial !important;
|
||||
--color-prettylights-syntax-string: initial !important;
|
||||
--color-prettylights-syntax-variable: initial !important;
|
||||
--color-prettylights-syntax-brackethighlighter-unmatched: initial !important;
|
||||
--color-prettylights-syntax-invalid-illegal-text: initial !important;
|
||||
--color-prettylights-syntax-invalid-illegal-bg: initial !important;
|
||||
--color-prettylights-syntax-carriage-return-text: initial !important;
|
||||
--color-prettylights-syntax-carriage-return-bg: initial !important;
|
||||
--color-prettylights-syntax-string-regexp: initial !important;
|
||||
--color-prettylights-syntax-markup-list: initial !important;
|
||||
--color-prettylights-syntax-markup-heading: initial !important;
|
||||
--color-prettylights-syntax-markup-italic: initial !important;
|
||||
--color-prettylights-syntax-markup-bold: initial !important;
|
||||
--color-prettylights-syntax-markup-deleted-text: initial !important;
|
||||
--color-prettylights-syntax-markup-deleted-bg: initial !important;
|
||||
--color-prettylights-syntax-markup-inserted-text: initial !important;
|
||||
--color-prettylights-syntax-markup-inserted-bg: initial !important;
|
||||
--color-prettylights-syntax-markup-changed-text: initial !important;
|
||||
--color-prettylights-syntax-markup-changed-bg: initial !important;
|
||||
--color-prettylights-syntax-markup-ignored-text: initial !important;
|
||||
--color-prettylights-syntax-markup-ignored-bg: initial !important;
|
||||
--color-prettylights-syntax-meta-diff-range: initial !important;
|
||||
--color-prettylights-syntax-brackethighlighter-angle: initial !important;
|
||||
--color-prettylights-syntax-sublimelinter-gutter-mark: initial !important;
|
||||
--color-prettylights-syntax-constant-other-reference-link: initial !important;
|
||||
--color-codemirror-text: initial !important;
|
||||
--color-codemirror-bg: initial !important;
|
||||
--color-codemirror-gutters-bg: initial !important;
|
||||
--color-codemirror-guttermarker-text: initial !important;
|
||||
--color-codemirror-guttermarker-subtle-text: initial !important;
|
||||
--color-codemirror-linenumber-text: initial !important;
|
||||
--color-codemirror-cursor: initial !important;
|
||||
--color-codemirror-selection-bg: initial !important;
|
||||
--color-codemirror-activeline-bg: initial !important;
|
||||
--color-codemirror-matchingbracket-text: initial !important;
|
||||
--color-codemirror-lines-bg: initial !important;
|
||||
--color-codemirror-syntax-comment: initial !important;
|
||||
--color-codemirror-syntax-constant: initial !important;
|
||||
--color-codemirror-syntax-entity: initial !important;
|
||||
--color-codemirror-syntax-keyword: initial !important;
|
||||
--color-codemirror-syntax-storage: initial !important;
|
||||
--color-codemirror-syntax-string: initial !important;
|
||||
--color-codemirror-syntax-support: initial !important;
|
||||
--color-codemirror-syntax-variable: initial !important;
|
||||
--color-checks-bg: initial !important;
|
||||
--color-checks-run-border-width: initial !important;
|
||||
--color-checks-container-border-width: initial !important;
|
||||
--color-checks-text-primary: initial !important;
|
||||
--color-checks-text-secondary: initial !important;
|
||||
--color-checks-text-link: initial !important;
|
||||
--color-checks-btn-icon: initial !important;
|
||||
--color-checks-btn-hover-icon: initial !important;
|
||||
--color-checks-btn-hover-bg: initial !important;
|
||||
--color-checks-input-text: initial !important;
|
||||
--color-checks-input-placeholder-text: initial !important;
|
||||
--color-checks-input-focus-text: initial !important;
|
||||
--color-checks-input-bg: initial !important;
|
||||
--color-checks-input-shadow: initial !important;
|
||||
--color-checks-donut-error: initial !important;
|
||||
--color-checks-donut-pending: initial !important;
|
||||
--color-checks-donut-success: initial !important;
|
||||
--color-checks-donut-neutral: initial !important;
|
||||
--color-checks-dropdown-text: initial !important;
|
||||
--color-checks-dropdown-bg: initial !important;
|
||||
--color-checks-dropdown-border: initial !important;
|
||||
--color-checks-dropdown-shadow: initial !important;
|
||||
--color-checks-dropdown-hover-text: initial !important;
|
||||
--color-checks-dropdown-hover-bg: initial !important;
|
||||
--color-checks-dropdown-btn-hover-text: initial !important;
|
||||
--color-checks-dropdown-btn-hover-bg: initial !important;
|
||||
--color-checks-scrollbar-thumb-bg: initial !important;
|
||||
--color-checks-header-label-text: initial !important;
|
||||
--color-checks-header-label-open-text: initial !important;
|
||||
--color-checks-header-border: initial !important;
|
||||
--color-checks-header-icon: initial !important;
|
||||
--color-checks-line-text: initial !important;
|
||||
--color-checks-line-num-text: initial !important;
|
||||
--color-checks-line-timestamp-text: initial !important;
|
||||
--color-checks-line-hover-bg: initial !important;
|
||||
--color-checks-line-selected-bg: initial !important;
|
||||
--color-checks-line-selected-num-text: initial !important;
|
||||
--color-checks-line-dt-fm-text: initial !important;
|
||||
--color-checks-line-dt-fm-bg: initial !important;
|
||||
--color-checks-gate-bg: initial !important;
|
||||
--color-checks-gate-text: initial !important;
|
||||
--color-checks-gate-waiting-text: initial !important;
|
||||
--color-checks-step-header-open-bg: initial !important;
|
||||
--color-checks-step-error-text: initial !important;
|
||||
--color-checks-step-warning-text: initial !important;
|
||||
--color-checks-logline-text: initial !important;
|
||||
--color-checks-logline-num-text: initial !important;
|
||||
--color-checks-logline-debug-text: initial !important;
|
||||
--color-checks-logline-error-text: initial !important;
|
||||
--color-checks-logline-error-num-text: initial !important;
|
||||
--color-checks-logline-error-bg: initial !important;
|
||||
--color-checks-logline-warning-text: initial !important;
|
||||
--color-checks-logline-warning-num-text: initial !important;
|
||||
--color-checks-logline-warning-bg: initial !important;
|
||||
--color-checks-logline-command-text: initial !important;
|
||||
--color-checks-logline-section-text: initial !important;
|
||||
--color-checks-ansi-black: initial !important;
|
||||
--color-checks-ansi-black-bright: initial !important;
|
||||
--color-checks-ansi-white: initial !important;
|
||||
--color-checks-ansi-white-bright: initial !important;
|
||||
--color-checks-ansi-gray: initial !important;
|
||||
--color-checks-ansi-red: initial !important;
|
||||
--color-checks-ansi-red-bright: initial !important;
|
||||
--color-checks-ansi-green: initial !important;
|
||||
--color-checks-ansi-green-bright: initial !important;
|
||||
--color-checks-ansi-yellow: initial !important;
|
||||
--color-checks-ansi-yellow-bright: initial !important;
|
||||
--color-checks-ansi-blue: initial !important;
|
||||
--color-checks-ansi-blue-bright: initial !important;
|
||||
--color-checks-ansi-magenta: initial !important;
|
||||
--color-checks-ansi-magenta-bright: initial !important;
|
||||
--color-checks-ansi-cyan: initial !important;
|
||||
--color-checks-ansi-cyan-bright: initial !important;
|
||||
--color-project-header-bg: initial !important;
|
||||
--color-project-sidebar-bg: initial !important;
|
||||
--color-project-gradient-in: initial !important;
|
||||
--color-project-gradient-out: initial !important;
|
||||
--color-mktg-btn-bg: initial !important;
|
||||
--color-mktg-btn-shadow-outline: initial !important;
|
||||
--color-mktg-btn-shadow-focus: initial !important;
|
||||
--color-mktg-btn-shadow-hover: initial !important;
|
||||
--color-mktg-btn-shadow-hover-muted: initial !important;
|
||||
--color-avatar-bg: initial !important;
|
||||
--color-avatar-border: initial !important;
|
||||
--color-avatar-stack-fade: initial !important;
|
||||
--color-avatar-stack-fade-more: initial !important;
|
||||
--color-avatar-child-shadow: initial !important;
|
||||
--color-topic-tag-border: initial !important;
|
||||
--color-counter-border: initial !important;
|
||||
--color-select-menu-backdrop-border: initial !important;
|
||||
--color-select-menu-tap-highlight: initial !important;
|
||||
--color-select-menu-tap-focus-bg: initial !important;
|
||||
--color-overlay-shadow: initial !important;
|
||||
--color-header-text: initial !important;
|
||||
--color-header-bg: initial !important;
|
||||
--color-header-divider: initial !important;
|
||||
--color-header-logo: initial !important;
|
||||
--color-header-search-bg: initial !important;
|
||||
--color-header-search-border: initial !important;
|
||||
--color-sidenav-selected-bg: initial !important;
|
||||
--color-menu-bg-active: initial !important;
|
||||
--color-input-disabled-bg: initial !important;
|
||||
--color-timeline-badge-bg: initial !important;
|
||||
--color-ansi-black: initial !important;
|
||||
--color-ansi-black-bright: initial !important;
|
||||
--color-ansi-white: initial !important;
|
||||
--color-ansi-white-bright: initial !important;
|
||||
--color-ansi-gray: initial !important;
|
||||
--color-ansi-red: initial !important;
|
||||
--color-ansi-red-bright: initial !important;
|
||||
--color-ansi-green: initial !important;
|
||||
--color-ansi-green-bright: initial !important;
|
||||
--color-ansi-yellow: initial !important;
|
||||
--color-ansi-yellow-bright: initial !important;
|
||||
--color-ansi-blue: initial !important;
|
||||
--color-ansi-blue-bright: initial !important;
|
||||
--color-ansi-magenta: initial !important;
|
||||
--color-ansi-magenta-bright: initial !important;
|
||||
--color-ansi-cyan: initial !important;
|
||||
--color-ansi-cyan-bright: initial !important;
|
||||
--color-btn-text: initial !important;
|
||||
--color-btn-bg: initial !important;
|
||||
--color-btn-border: initial !important;
|
||||
--color-btn-shadow: initial !important;
|
||||
--color-btn-inset-shadow: initial !important;
|
||||
--color-btn-hover-bg: initial !important;
|
||||
--color-btn-hover-border: initial !important;
|
||||
--color-btn-active-bg: initial !important;
|
||||
--color-btn-active-border: initial !important;
|
||||
--color-btn-selected-bg: initial !important;
|
||||
--color-btn-focus-bg: initial !important;
|
||||
--color-btn-focus-border: initial !important;
|
||||
--color-btn-focus-shadow: initial !important;
|
||||
--color-btn-shadow-active: initial !important;
|
||||
--color-btn-shadow-input-focus: initial !important;
|
||||
--color-btn-counter-bg: initial !important;
|
||||
--color-btn-primary-text: initial !important;
|
||||
--color-btn-primary-bg: initial !important;
|
||||
--color-btn-primary-border: initial !important;
|
||||
--color-btn-primary-shadow: initial !important;
|
||||
--color-btn-primary-inset-shadow: initial !important;
|
||||
--color-btn-primary-hover-bg: initial !important;
|
||||
--color-btn-primary-hover-border: initial !important;
|
||||
--color-btn-primary-selected-bg: initial !important;
|
||||
--color-btn-primary-selected-shadow: initial !important;
|
||||
--color-btn-primary-disabled-text: initial !important;
|
||||
--color-btn-primary-disabled-bg: initial !important;
|
||||
--color-btn-primary-disabled-border: initial !important;
|
||||
--color-btn-primary-focus-bg: initial !important;
|
||||
--color-btn-primary-focus-border: initial !important;
|
||||
--color-btn-primary-focus-shadow: initial !important;
|
||||
--color-btn-primary-icon: initial !important;
|
||||
--color-btn-primary-counter-bg: initial !important;
|
||||
--color-btn-outline-text: initial !important;
|
||||
--color-btn-outline-hover-text: initial !important;
|
||||
--color-btn-outline-hover-bg: initial !important;
|
||||
--color-btn-outline-hover-border: initial !important;
|
||||
--color-btn-outline-hover-shadow: initial !important;
|
||||
--color-btn-outline-hover-inset-shadow: initial !important;
|
||||
--color-btn-outline-hover-counter-bg: initial !important;
|
||||
--color-btn-outline-selected-text: initial !important;
|
||||
--color-btn-outline-selected-bg: initial !important;
|
||||
--color-btn-outline-selected-border: initial !important;
|
||||
--color-btn-outline-selected-shadow: initial !important;
|
||||
--color-btn-outline-disabled-text: initial !important;
|
||||
--color-btn-outline-disabled-bg: initial !important;
|
||||
--color-btn-outline-disabled-counter-bg: initial !important;
|
||||
--color-btn-outline-focus-border: initial !important;
|
||||
--color-btn-outline-focus-shadow: initial !important;
|
||||
--color-btn-outline-counter-bg: initial !important;
|
||||
--color-btn-danger-text: initial !important;
|
||||
--color-btn-danger-hover-text: initial !important;
|
||||
--color-btn-danger-hover-bg: initial !important;
|
||||
--color-btn-danger-hover-border: initial !important;
|
||||
--color-btn-danger-hover-shadow: initial !important;
|
||||
--color-btn-danger-hover-inset-shadow: initial !important;
|
||||
--color-btn-danger-hover-icon: initial !important;
|
||||
--color-btn-danger-hover-counter-bg: initial !important;
|
||||
--color-btn-danger-selected-text: initial !important;
|
||||
--color-btn-danger-selected-bg: initial !important;
|
||||
--color-btn-danger-selected-border: initial !important;
|
||||
--color-btn-danger-selected-shadow: intial !important;
|
||||
--color-btn-danger-disabled-text: initial !important;
|
||||
--color-btn-danger-disabled-bg: initial !important;
|
||||
--color-btn-danger-disabled-counter-bg: initial !important;
|
||||
--color-btn-danger-focus-border: initial !important;
|
||||
--color-btn-danger-focus-shadow: initial !important;
|
||||
--color-btn-danger-counter-bg: initial !important;
|
||||
--color-btn-danger-icon: initial !important;
|
||||
--color-underlinenav-icon: initial !important;
|
||||
--color-underlinenav-border-hover: initial !important;
|
||||
--color-action-list-item-inline-divider: initial !important;
|
||||
--color-action-list-item-default-hover-bg: initial !important;
|
||||
--color-action-list-item-default-hover-border: initial !important;
|
||||
--color-action-list-item-default-active-bg: initial !important;
|
||||
--color-action-list-item-default-active-border: initial !important;
|
||||
--color-action-list-item-default-selected-bg: initial !important;
|
||||
--color-action-list-item-danger-hover-bg: initial !important;
|
||||
--color-action-list-item-danger-active-bg: initial !important;
|
||||
--color-action-list-item-danger-hover-text: initial !important;
|
||||
--color-switch-track-bg: initial !important;
|
||||
--color-switch-track-border: initial !important;
|
||||
--color-switch-track-checked-bg: initial !important;
|
||||
--color-switch-track-checked-hover-bg: initial !important;
|
||||
--color-switch-track-checked-active-bg: initial !important;
|
||||
--color-switch-track-checked-border: initial !important;
|
||||
--color-switch-knob-checked-bg: initial !important;
|
||||
--color-switch-knob-checked-disabled-bg: initial !important;
|
||||
--color-fg-default: initial !important;
|
||||
--color-fg-muted: initial !important;
|
||||
--color-fg-subtle: initial !important;
|
||||
--color-fg-on-emphasis: initial !important;
|
||||
--color-canvas-default: initial !important;
|
||||
--color-canvas-overlay: initial !important;
|
||||
--color-canvas-inset: initial !important;
|
||||
--color-canvas-subtle: initial !important;
|
||||
--color-border-default: initial !important;
|
||||
--color-border-muted: initial !important;
|
||||
--color-border-subtle: initial !important;
|
||||
--color-shadow-small: initial !important;
|
||||
--color-shadow-medium: initial !important;
|
||||
--color-shadow-large: initial !important;
|
||||
--color-shadow-extra-large: initial !important;
|
||||
--color-neutral-emphasis-plus: initial !important;
|
||||
--color-neutral-emphasis: initial !important;
|
||||
--color-neutral-muted: initial !important;
|
||||
--color-neutral-subtle: initial !important;
|
||||
--color-accent-fg: initial !important;
|
||||
--color-accent-emphasis: initial !important;
|
||||
--color-accent-muted: initial !important;
|
||||
--color-accent-subtle: initial !important;
|
||||
--color-success-fg: initial !important;
|
||||
--color-success-emphasis: initial !important;
|
||||
--color-success-muted: initial !important;
|
||||
--color-success-subtle: initial !important;
|
||||
--color-attention-fg: initial !important;
|
||||
--color-attention-emphasis: initial !important;
|
||||
--color-attention-muted: initial !important;
|
||||
--color-attention-subtle: initial !important;
|
||||
--color-severe-fg: initial !important;
|
||||
--color-severe-emphasis: initial !important;
|
||||
--color-severe-muted: initial !important;
|
||||
--color-severe-subtle: initial !important;
|
||||
--color-danger-fg: initial !important;
|
||||
--color-danger-emphasis: initial !important;
|
||||
--color-danger-muted: initial !important;
|
||||
--color-danger-subtle: initial !important;
|
||||
--color-open-fg: initial !important;
|
||||
--color-open-emphasis: initial !important;
|
||||
--color-open-muted: initial !important;
|
||||
--color-open-subtle: initial !important;
|
||||
--color-closed-fg: initial !important;
|
||||
--color-closed-emphasis: initial !important;
|
||||
--color-closed-muted: initial !important;
|
||||
--color-closed-subtle: initial !important;
|
||||
--color-done-fg: initial !important;
|
||||
--color-done-emphasis: initial !important;
|
||||
--color-done-muted: initial !important;
|
||||
--color-done-subtle: initial !important;
|
||||
--color-sponsors-fg: initial !important;
|
||||
--color-sponsors-emphasis: initial !important;
|
||||
--color-sponsors-muted: initial !important;
|
||||
--color-sponsors-subtle: initial !important;
|
||||
--color-primer-fg-disabled: initial !important;
|
||||
--color-primer-canvas-backdrop: initial !important;
|
||||
--color-primer-canvas-sticky: initial !important;
|
||||
--color-primer-border-active: initial !important;
|
||||
--color-primer-border-contrast: initial !important;
|
||||
--color-primer-shadow-highlight: initial !important;
|
||||
--color-primer-shadow-inset: initial !important;
|
||||
--color-primer-shadow-focus: initial !important;
|
||||
--color-scale-black: initial !important;
|
||||
--color-scale-white: initial !important;
|
||||
--color-scale-gray-0: initial !important;
|
||||
--color-scale-gray-1: initial !important;
|
||||
--color-scale-gray-2: initial !important;
|
||||
--color-scale-gray-3: initial !important;
|
||||
--color-scale-gray-4: initial !important;
|
||||
--color-scale-gray-5: initial !important;
|
||||
--color-scale-gray-6: initial !important;
|
||||
--color-scale-gray-7: initial !important;
|
||||
--color-scale-gray-8: initial !important;
|
||||
--color-scale-gray-9: initial !important;
|
||||
--color-scale-blue-0: initial !important;
|
||||
--color-scale-blue-1: initial !important;
|
||||
--color-scale-blue-2: initial !important;
|
||||
--color-scale-blue-3: initial !important;
|
||||
--color-scale-blue-4: initial !important;
|
||||
--color-scale-blue-5: initial !important;
|
||||
--color-scale-blue-6: initial !important;
|
||||
--color-scale-blue-7: initial !important;
|
||||
--color-scale-blue-8: initial !important;
|
||||
--color-scale-blue-9: initial !important;
|
||||
--color-scale-green-0: initial !important;
|
||||
--color-scale-green-1: initial !important;
|
||||
--color-scale-green-2: initial !important;
|
||||
--color-scale-green-3: initial !important;
|
||||
--color-scale-green-4: initial !important;
|
||||
--color-scale-green-5: initial !important;
|
||||
--color-scale-green-6: initial !important;
|
||||
--color-scale-green-7: initial !important;
|
||||
--color-scale-green-8: initial !important;
|
||||
--color-scale-green-9: initial !important;
|
||||
--color-scale-yellow-0: initial !important;
|
||||
--color-scale-yellow-1: initial !important;
|
||||
--color-scale-yellow-2: initial !important;
|
||||
--color-scale-yellow-3: initial !important;
|
||||
--color-scale-yellow-4: initial !important;
|
||||
--color-scale-yellow-5: initial !important;
|
||||
--color-scale-yellow-6: initial !important;
|
||||
--color-scale-yellow-7: initial !important;
|
||||
--color-scale-yellow-8: initial !important;
|
||||
--color-scale-yellow-9: initial !important;
|
||||
--color-scale-orange-0: initial !important;
|
||||
--color-scale-orange-1: initial !important;
|
||||
--color-scale-orange-2: initial !important;
|
||||
--color-scale-orange-3: initial !important;
|
||||
--color-scale-orange-4: initial !important;
|
||||
--color-scale-orange-5: initial !important;
|
||||
--color-scale-orange-6: initial !important;
|
||||
--color-scale-orange-7: initial !important;
|
||||
--color-scale-orange-8: initial !important;
|
||||
--color-scale-orange-9: initial !important;
|
||||
--color-scale-red-0: initial !important;
|
||||
--color-scale-red-1: initial !important;
|
||||
--color-scale-red-2: initial !important;
|
||||
--color-scale-red-3: initial !important;
|
||||
--color-scale-red-4: initial !important;
|
||||
--color-scale-red-5: initial !important;
|
||||
--color-scale-red-6: initial !important;
|
||||
--color-scale-red-7: initial !important;
|
||||
--color-scale-red-8: initial !important;
|
||||
--color-scale-red-9: initial !important;
|
||||
--color-scale-purple-0: initial !important;
|
||||
--color-scale-purple-1: initial !important;
|
||||
--color-scale-purple-2: initial !important;
|
||||
--color-scale-purple-3: initial !important;
|
||||
--color-scale-purple-4: initial !important;
|
||||
--color-scale-purple-5: initial !important;
|
||||
--color-scale-purple-6: initial !important;
|
||||
--color-scale-purple-7: initial !important;
|
||||
--color-scale-purple-8: initial !important;
|
||||
--color-scale-purple-9: initial !important;
|
||||
--color-scale-pink-0: initial !important;
|
||||
--color-scale-pink-1: initial !important;
|
||||
--color-scale-pink-2: initial !important;
|
||||
--color-scale-pink-3: initial !important;
|
||||
--color-scale-pink-4: initial !important;
|
||||
--color-scale-pink-5: initial !important;
|
||||
--color-scale-pink-6: initial !important;
|
||||
--color-scale-pink-7: initial !important;
|
||||
--color-scale-pink-8: initial !important;
|
||||
--color-scale-pink-9: initial !important;
|
||||
--color-scale-coral-0: initial !important;
|
||||
--color-scale-coral-1: initial !important;
|
||||
--color-scale-coral-2: initial !important;
|
||||
--color-scale-coral-3: initial !important;
|
||||
--color-scale-coral-4: initial !important;
|
||||
--color-scale-coral-5: initial !important;
|
||||
--color-scale-coral-6: initial !important;
|
||||
--color-scale-coral-7: initial !important;
|
||||
--color-scale-coral-8: initial !important;
|
||||
--color-scale-coral-9: initial !important;
|
||||
--color-workflow-card-header-shadow: initial !important;
|
||||
--color-bg-discussions-row-emoji-box: initial !important;
|
||||
--color-calendar-halloween-graph-day-L1-bg: initial !important;
|
||||
--color-calendar-halloween-graph-day-L2-bg: initial !important;
|
||||
--color-calendar-halloween-graph-day-L3-bg: initial !important;
|
||||
--color-calendar-halloween-graph-day-L4-bg: initial !important;
|
||||
--color-calendar-graph-day-bg: initial !important;
|
||||
--color-calendar-graph-day-border: initial !important;
|
||||
--color-calendar-graph-day-L1-bg: initial !important;
|
||||
--color-calendar-graph-day-L2-bg: initial !important;
|
||||
--color-calendar-graph-day-L3-bg: initial !important;
|
||||
--color-calendar-graph-day-L4-bg: initial !important;
|
||||
--color-calendar-graph-day-L1-border: initial !important;
|
||||
--color-calendar-graph-day-L2-border: initial !important;
|
||||
--color-calendar-graph-day-L3-border: initial !important;
|
||||
--color-calendar-graph-day-L4-border: initial !important;
|
||||
}
|
||||
|
||||
html, body {
|
||||
visibility: hidden !important
|
||||
}
|
||||
3
public/unhide.css
Normal file
3
public/unhide.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
html, body {
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
import React from 'react';
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import App from './App';
|
||||
import Popup from './views/Popup';
|
||||
|
||||
test('renders learn react link', () => {
|
||||
render(<App />);
|
||||
render(<Popup />);
|
||||
const linkElement = screen.getByText(/learn react/i);
|
||||
expect(linkElement).toBeInTheDocument();
|
||||
});
|
||||
|
|
|
|||
33
src/App.tsx
33
src/App.tsx
|
|
@ -1,20 +1,29 @@
|
|||
import React from 'react';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import logo from './assets/images/pint.svg';
|
||||
import './assets/styles/App.css';
|
||||
import AccentChange from './components/AccentChange';
|
||||
import BackgroundChange from './components/BackgroundChange';
|
||||
import Header from './components/Header';
|
||||
import Samples from './components/Samples';
|
||||
import Popup from './views/Popup';
|
||||
import Options from './views/Options';
|
||||
|
||||
export default function App() {
|
||||
|
||||
const [isOptionsUi, setOptionsUI] = useState(window.innerWidth > 375);
|
||||
|
||||
const updateMedia = () => {
|
||||
setOptionsUI(window.innerWidth > 375);
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener("resize", updateMedia);
|
||||
return () => window.removeEventListener("resize", updateMedia);
|
||||
});
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="relative">
|
||||
<Header/>
|
||||
<Samples />
|
||||
<AccentChange/>
|
||||
<BackgroundChange/>
|
||||
{isOptionsUi ?
|
||||
( <Options/>
|
||||
) : (
|
||||
<Popup />
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
@tailwind utilities;
|
||||
|
||||
html, body {
|
||||
width: 375px;
|
||||
/* width: 375px; */
|
||||
margin: 0;
|
||||
background-color: #04045c;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
|
|
|
|||
|
|
@ -1,73 +0,0 @@
|
|||
import react from "react";
|
||||
import logo from "../assets/images/pint.svg";
|
||||
import "../assets/styles/App.css";
|
||||
import { HexColorPicker } from "react-colorful";
|
||||
import { TextField } from "@mui/material";
|
||||
import { BiSave } from "react-icons/bi";
|
||||
|
||||
export default function AccentChange() {
|
||||
function withEvent(func: Function): React.ChangeEventHandler<any> {
|
||||
return (event: React.ChangeEvent<any>) => {
|
||||
const { target } = event;
|
||||
func(target.value);
|
||||
};
|
||||
}
|
||||
|
||||
const [color, setColor] = react.useState("#ff0000");
|
||||
return (
|
||||
<div className="pint flex flex-row mt-2 mx-2">
|
||||
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||
<div className=" bg-whiteflex-start align-left text-l p-1">
|
||||
<p>accent customisation</p>
|
||||
</div>
|
||||
<div className="flex justify-center p-1">
|
||||
<HexColorPicker color={color} onChange={setColor} />
|
||||
</div>
|
||||
<div className="flex-start flex flex-row align-left text-l p-1">
|
||||
<TextField id="standard-basic flex-grow" label="Hex Code Override" value={color} onChange={withEvent(setColor)} variant="standard"/>
|
||||
<button className="bg-violet-500 hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-5 m-2 rounded-full" ><BiSave className="text-xl p-0 text-white" /></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="flex-grow flex-col rounded-lg m-1 p-1 bg-white">
|
||||
<div className="flex-start align-left text-l p-1">
|
||||
<p>accent preview</p>
|
||||
</div>
|
||||
<div className="flex-col">
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">main accent</p>
|
||||
<div style={{ backgroundColor: color + "ff" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">graph L2</p>
|
||||
<div style={{ backgroundColor: color + "99" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">graph L3</p>
|
||||
<div style={{ backgroundColor: color + "66" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">graph L4</p>
|
||||
<div style={{ backgroundColor: color + "33" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">hover</p>
|
||||
<div style={{ backgroundColor: color + "ff" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">disabled</p>
|
||||
<div style={{ backgroundColor: color + "ff" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">clicked</p>
|
||||
<div style={{ backgroundColor: color + "ff" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">active</p>
|
||||
<div style={{ backgroundColor: color + "ff" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
import react from "react";
|
||||
import logo from "../assets/images/pint.svg";
|
||||
import "../assets/styles/App.css";
|
||||
import { HexColorPicker } from "react-colorful";
|
||||
import { TextField } from "@mui/material";
|
||||
import { BiSave } from "react-icons/bi";
|
||||
|
||||
export default function BackgroundChange() {
|
||||
function withEvent(func: Function): React.ChangeEventHandler<any> {
|
||||
return (event: React.ChangeEvent<any>) => {
|
||||
const { target } = event;
|
||||
func(target.value);
|
||||
};
|
||||
}
|
||||
|
||||
const [color, setColor] = react.useState("#ff0000");
|
||||
return (
|
||||
<div className="pint flex flex-row mt-1 mb-2 mx-2">
|
||||
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||
<div className=" bg-whiteflex-start align-left text-l p-1">
|
||||
<p>background customisation</p>
|
||||
</div>
|
||||
<div className="flex-start flex flex-row align-left text-l w-[210px] p-1">
|
||||
<TextField id="standard-basic flex-grow" label="Hex Code Override" value={color} onChange={withEvent(setColor)} variant="standard"/>
|
||||
<button className="bg-violet-500 hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-5 m-2 rounded-full" ><BiSave className="text-xl p-0 text-white" /></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className="flex-grow flex-col rounded-lg m-1 p-1 bg-white">
|
||||
<div className="flex-start align-left text-l p-1">
|
||||
<p>accent preview</p>
|
||||
</div>
|
||||
<div className="flex-col">
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">background</p>
|
||||
<div style={{ backgroundColor: color + "ff" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">header</p>
|
||||
<div style={{ backgroundColor: color + "99" }} className="w-5 h-5 p-1 m-1 rounded-lg" ></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
import react from "react";
|
||||
import logo from "../assets/images/pint.svg";
|
||||
import "../assets/styles/App.css";
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
<div className="flex flex-row rounded-lg mb-1 m-2 mx-3 p-1 bg-white">
|
||||
<img src={logo} className="flex-none w-12 p-2" alt="logo" />
|
||||
<div className="flex-col p-1">
|
||||
<p className="flex-1 self-center text-xl"> pint for github </p>
|
||||
<p className="flex-1 self-center text-l">2.0-dev</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
15
src/components/global/CardTitle.tsx
Normal file
15
src/components/global/CardTitle.tsx
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import react from "react";
|
||||
import "../../assets/styles/App.css";
|
||||
|
||||
interface Props {
|
||||
name: string,
|
||||
}
|
||||
|
||||
export default function CardTitle(props: Props) {
|
||||
const { name } = props;
|
||||
return(
|
||||
<div className="flex-start align-left text-l p-1">
|
||||
<p>{name}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
30
src/components/global/Preview.tsx
Normal file
30
src/components/global/Preview.tsx
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import react from "react";
|
||||
import "../../assets/styles/App.css";
|
||||
|
||||
interface RequiredProps {
|
||||
name: string,
|
||||
color: string,
|
||||
}
|
||||
|
||||
interface OptionalProps {
|
||||
modifier?: string
|
||||
}
|
||||
|
||||
interface Props extends RequiredProps, OptionalProps {}
|
||||
|
||||
const defaultProps: OptionalProps = {
|
||||
modifier: "ff"
|
||||
};
|
||||
|
||||
export default function Preview( props: Props ) {
|
||||
const { name, color, modifier="ff" } = props;
|
||||
return (
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<p className="flex-start m-1">{name}</p>
|
||||
<div
|
||||
style={{ backgroundColor: color + modifier }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/components/popup/Header.tsx
Normal file
29
src/components/popup/Header.tsx
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
import react from "react";
|
||||
import logo from "../../assets/images/pint.svg";
|
||||
import "../../assets/styles/App.css";
|
||||
import { IoMdSettings } from "react-icons/io";
|
||||
|
||||
export default function Header() {
|
||||
|
||||
function openOptions() {
|
||||
chrome.runtime.openOptionsPage()
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="flex flex-row rounded-lg mb-1 m-2 mx-3 p-1 bg-[#04045c] justify-between items-center">
|
||||
<div className="flex flex-row">
|
||||
<img src={logo} className="flex-none w-12" alt="logo" />
|
||||
<div className="flex-col p-1 text-white">
|
||||
<p className="flex-1 self-center text-xl"> pint for github </p>
|
||||
<p className="flex-1 self-center text-l">2.0-dev</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button title="Advanced" className="flex-none p-1 rounded-lg text-xl text-white bg-[#04045c] p-2" onClick={openOptions} >
|
||||
<IoMdSettings />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
85
src/components/popup/QuickChange.tsx
Normal file
85
src/components/popup/QuickChange.tsx
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
import react, { MouseEventHandler } from "react";
|
||||
import "../../assets/styles/App.css";
|
||||
import { HexColorPicker } from "react-colorful";
|
||||
import { TextField } from "@mui/material";
|
||||
import { IoIosBrush } from "react-icons/io";
|
||||
import Preview from "../global/Preview";
|
||||
import CardTitle from "../global/CardTitle";
|
||||
|
||||
export default function QuickChange() {
|
||||
function withEvent(func: Function): React.ChangeEventHandler<any> {
|
||||
return (event: React.ChangeEvent<any>) => {
|
||||
const { target } = event;
|
||||
func(target.value);
|
||||
};
|
||||
}
|
||||
|
||||
const [aColor, setAColor] = react.useState("#ffffff");
|
||||
const [bgColor, setBgColor] = react.useState("#ffffff");
|
||||
const [color, setColor] = react.useState(aColor);
|
||||
|
||||
function paintAccent() {
|
||||
setAColor(color);
|
||||
chrome.storage.sync.set({ accent_main: color });
|
||||
}
|
||||
function paintBg() {
|
||||
setBgColor(color);
|
||||
chrome.storage.sync.set({ bg_main: color });
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="pint flex flex-row m-2">
|
||||
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||
<CardTitle name="accent customisation" />
|
||||
<div className="flex justify-content p-1">
|
||||
<HexColorPicker color={color} onChange={setColor} />
|
||||
</div>
|
||||
<div className="flex-start flex flex-row items-center text-l my-2 p-1">
|
||||
<TextField
|
||||
id="aColorHex"
|
||||
label="accent color"
|
||||
value={aColor}
|
||||
onChange={withEvent(setAColor)}
|
||||
variant="outlined"
|
||||
size="small"
|
||||
/>
|
||||
<button
|
||||
className="bg-violet-500 hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-5 m-2 rounded-full"
|
||||
onClick={paintAccent}
|
||||
>
|
||||
<IoIosBrush className="text-xl p-0 text-white" />
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex-start flex flex-row -center text-l mt-2 mb-1 w-[210px] p-1">
|
||||
<TextField
|
||||
id="bgColorHex"
|
||||
label="background color"
|
||||
value={bgColor}
|
||||
onChange={withEvent(setBgColor)}
|
||||
variant="outlined"
|
||||
size="small"
|
||||
/>
|
||||
<button
|
||||
className="bg-violet-500 hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-5 m-2 rounded-full"
|
||||
onClick={paintBg}
|
||||
>
|
||||
<IoIosBrush className="text-xl p-0 text-white" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-grow flex-col rounded-lg m-1 p-1 bg-white">
|
||||
<CardTitle name="accent preview" />
|
||||
<Preview name="main accent" color={color} />
|
||||
<Preview name="graph L2" color={color} modifier="99" />
|
||||
<Preview name="graph L3" color={color} modifier="66" />
|
||||
<Preview name="graph L4" color={color} modifier="33" />
|
||||
<Preview name="hover" color={color} modifier="88" />
|
||||
<Preview name="disabled" color={color} modifier="77" />
|
||||
<Preview name="clicked" color={color} modifier="44" />
|
||||
<Preview name="active" color={color} modifier="55" />
|
||||
<Preview name="background" color={bgColor} />
|
||||
<Preview name="bg-accent" color={bgColor} modifier="99" />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,6 +1,5 @@
|
|||
import react from "react";
|
||||
import logo from "../assets/images/pint.svg";
|
||||
import "../assets/styles/App.css";
|
||||
import "../../assets/styles/App.css";
|
||||
|
||||
export default function Samples() {
|
||||
return (
|
||||
|
|
@ -10,33 +9,32 @@ export default function Samples() {
|
|||
<div className="flex-col">
|
||||
<div className="flex flex-row items-center">
|
||||
<div
|
||||
style={{ backgroundColor: '#ff3847' }}
|
||||
style={{ backgroundColor: "#ff3847" }}
|
||||
className="w-5 h-5 p-1 ml-1 my-1 rounded-l-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: "#fc3847" }}
|
||||
className="w-5 h-5 p-1 mr-1 my-1 rounded-r-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: "#ff3847" }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: '#ff3847' }}
|
||||
style={{ backgroundColor: "#ff3847" }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: '#ff3847' }}
|
||||
style={{ backgroundColor: "#ff3847" }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: '#ff3847' }}
|
||||
style={{ backgroundColor: "#ff3847" }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: '#ff3847' }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
<div
|
||||
style={{ backgroundColor: '#ff3847' }}
|
||||
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||
></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
454
src/methods/Initial.js
Normal file
454
src/methods/Initial.js
Normal file
|
|
@ -0,0 +1,454 @@
|
|||
import { IoLogoJavascript } from "react-icons/io";
|
||||
|
||||
bucket = {};
|
||||
defaultBucket = {
|
||||
'--color-canvas-default-transparent':"rgba(13, 17, 23, 0)",
|
||||
'--color-page-header-bg':"#0d1117",
|
||||
'--color-marketing-icon-primary':"#79c0ff",
|
||||
'--color-marketing-icon-secondary':"#1f6feb",
|
||||
'--color-diff-blob-addition-num-text':"#c9d1d9",
|
||||
'--color-diff-blob-addition-fg':"#c9d1d9",
|
||||
'--color-diff-blob-addition-num-bg':"rgba(63, 185, 80, 0.3)",
|
||||
'--color-diff-blob-addition-line-bg':"rgba(46, 160, 67, 0.15)",
|
||||
'--color-diff-blob-addition-word-bg':"rgba(46, 160, 67, 0.4)",
|
||||
'--color-diff-blob-deletion-num-text':"#c9d1d9",
|
||||
'--color-diff-blob-deletion-fg':"#c9d1d9",
|
||||
'--color-diff-blob-deletion-num-bg':"rgba(248, 81, 73, 0.3)",
|
||||
'--color-diff-blob-deletion-line-bg':"rgba(248, 81, 73, 0.15)",
|
||||
'--color-diff-blob-deletion-word-bg':"rgba(248, 81, 73, 0.4)",
|
||||
'--color-diff-blob-hunk-num-bg':"rgba(56, 139, 253, 0.4)",
|
||||
'--color-diff-blob-expander-icon':"#8b949e",
|
||||
'--color-diff-blob-selected-line-highlight-mix-blend-mode':"screen",
|
||||
'--color-diffstat-deletion-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-diffstat-addition-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-diffstat-addition-bg':"#3fb950",
|
||||
'--color-search-keyword-hl':"rgba(210, 153, 34, 0.4)",
|
||||
'--color-prettylights-syntax-comment':"#8b949e",
|
||||
'--color-prettylights-syntax-constant':"#79c0ff",
|
||||
'--color-prettylights-syntax-entity':"#d2a8ff",
|
||||
'--color-prettylights-syntax-storage-modifier-import':"#c9d1d9",
|
||||
'--color-prettylights-syntax-entity-tag':"#7ee787",
|
||||
'--color-prettylights-syntax-keyword':"#ff7b72",
|
||||
'--color-prettylights-syntax-string':"#a5d6ff",
|
||||
'--color-prettylights-syntax-variable':"#ffa657",
|
||||
'--color-prettylights-syntax-brackethighlighter-unmatched':"#f85149",
|
||||
'--color-prettylights-syntax-invalid-illegal-text':"#f0f6fc",
|
||||
'--color-prettylights-syntax-invalid-illegal-bg':"#8e1519",
|
||||
'--color-prettylights-syntax-carriage-return-text':"#f0f6fc",
|
||||
'--color-prettylights-syntax-carriage-return-bg':"#b62324",
|
||||
'--color-prettylights-syntax-string-regexp':"#7ee787",
|
||||
'--color-prettylights-syntax-markup-list':"#f2cc60",
|
||||
'--color-prettylights-syntax-markup-heading':"#1f6feb",
|
||||
'--color-prettylights-syntax-markup-italic':"#c9d1d9",
|
||||
'--color-prettylights-syntax-markup-bold':"#c9d1d9",
|
||||
'--color-prettylights-syntax-markup-deleted-text':"#ffdcd7",
|
||||
'--color-prettylights-syntax-markup-deleted-bg':"#67060c",
|
||||
'--color-prettylights-syntax-markup-inserted-text':"#aff5b4",
|
||||
'--color-prettylights-syntax-markup-inserted-bg':"#033a16",
|
||||
'--color-prettylights-syntax-markup-changed-text':"#ffdfb6",
|
||||
'--color-prettylights-syntax-markup-changed-bg':"#5a1e02",
|
||||
'--color-prettylights-syntax-markup-ignored-text':"#c9d1d9",
|
||||
'--color-prettylights-syntax-markup-ignored-bg':"#1158c7",
|
||||
'--color-prettylights-syntax-meta-diff-range':"#d2a8ff",
|
||||
'--color-prettylights-syntax-brackethighlighter-angle':"#8b949e",
|
||||
'--color-prettylights-syntax-sublimelinter-gutter-mark':"#484f58",
|
||||
'--color-prettylights-syntax-constant-other-reference-link':"#a5d6ff",
|
||||
'--color-codemirror-text':"#c9d1d9",
|
||||
'--color-codemirror-bg':"#0d1117",
|
||||
'--color-codemirror-gutters-bg':"#0d1117",
|
||||
'--color-codemirror-guttermarker-text':"#0d1117",
|
||||
'--color-codemirror-guttermarker-subtle-text':"#6e7681",
|
||||
'--color-codemirror-linenumber-text':"#8b949e",
|
||||
'--color-codemirror-cursor':"#c9d1d9",
|
||||
'--color-codemirror-selection-bg':"rgba(56, 139, 253, 0.4)",
|
||||
'--color-codemirror-activeline-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'--color-codemirror-matchingbracket-text':"#c9d1d9",
|
||||
'--color-codemirror-lines-bg':"#0d1117",
|
||||
'--color-codemirror-syntax-comment':"#8b949e",
|
||||
'--color-codemirror-syntax-constant':"#79c0ff",
|
||||
'--color-codemirror-syntax-entity':"#d2a8ff",
|
||||
'--color-codemirror-syntax-keyword':"#ff7b72",
|
||||
'--color-codemirror-syntax-storage':"#ff7b72",
|
||||
'--color-codemirror-syntax-string':"#a5d6ff",
|
||||
'--color-codemirror-syntax-support':"#79c0ff",
|
||||
'--color-codemirror-syntax-variable':"#ffa657",
|
||||
'--color-checks-bg':"#010409",
|
||||
'--color-checks-run-border-width':"1px",
|
||||
'--color-checks-container-border-width':"1px",
|
||||
'--color-checks-text-primary':"#c9d1d9",
|
||||
'--color-checks-text-secondary':"#8b949e",
|
||||
'--color-checks-text-link':"#58a6ff",
|
||||
'--color-checks-btn-icon':"#8b949e",
|
||||
'--color-checks-btn-hover-icon':"#c9d1d9",
|
||||
'--color-checks-btn-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'--color-checks-input-text':"#8b949e",
|
||||
'--color-checks-input-placeholder-text':"#6e7681",
|
||||
'--color-checks-input-focus-text':"#c9d1d9",
|
||||
'--color-checks-input-bg':"#161b22",
|
||||
'--color-checks-input-shadow':"0 0 0 1px (obj) => get_1.default(obj, path)",
|
||||
'--color-checks-donut-error':"#f85149",
|
||||
'--color-checks-donut-pending':"#d29922",
|
||||
'--color-checks-donut-success':"#2ea043",
|
||||
'--color-checks-donut-neutral':"#8b949e",
|
||||
'--color-checks-dropdown-text':"#c9d1d9",
|
||||
'--color-checks-dropdown-bg':"#161b22",
|
||||
'--color-checks-dropdown-border':"#30363d",
|
||||
'--color-checks-dropdown-shadow':"rgba(1, 4, 9, 0.3)",
|
||||
'--color-checks-dropdown-hover-text':"#c9d1d9",
|
||||
'--color-checks-dropdown-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'--color-checks-dropdown-btn-hover-text':"#c9d1d9",
|
||||
'--color-checks-dropdown-btn-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'--color-checks-scrollbar-thumb-bg':"rgba(110, 118, 129, 0.4)",
|
||||
'--color-checks-header-label-text':"#8b949e",
|
||||
'--color-checks-header-label-open-text':"#c9d1d9",
|
||||
'--color-checks-header-border':"#21262d",
|
||||
'--color-checks-header-icon':"#8b949e",
|
||||
'--color-checks-line-text':"#8b949e",
|
||||
'--color-checks-line-num-text':"#6e7681",
|
||||
'--color-checks-line-timestamp-text':"#6e7681",
|
||||
'--color-checks-line-hover-bg':"rgba(110, 118, 129, 0.1)",
|
||||
'--color-checks-line-selected-bg':"rgba(56, 139, 253, 0.15)",
|
||||
'--color-checks-line-selected-num-text':"#58a6ff",
|
||||
'--color-checks-line-dt-fm-text':"#ffffff",
|
||||
'--color-checks-line-dt-fm-bg':"#9e6a03",
|
||||
'--color-checks-gate-bg':"rgba(187, 128, 9, 0.15)",
|
||||
'--color-checks-gate-text':"#8b949e",
|
||||
'--color-checks-gate-waiting-text':"#d29922",
|
||||
'--color-checks-step-header-open-bg':"#161b22",
|
||||
'--color-checks-step-error-text':"#f85149",
|
||||
'--color-checks-step-warning-text':"#d29922",
|
||||
'--color-checks-logline-text':"#8b949e",
|
||||
'--color-checks-logline-num-text':"#6e7681",
|
||||
'--color-checks-logline-debug-text':"#a371f7",
|
||||
'--color-checks-logline-error-text':"#8b949e",
|
||||
'--color-checks-logline-error-num-text':"#6e7681",
|
||||
'--color-checks-logline-error-bg':"rgba(248, 81, 73, 0.15)",
|
||||
'--color-checks-logline-warning-text':"#8b949e",
|
||||
'--color-checks-logline-warning-num-text':"#d29922",
|
||||
'--color-checks-logline-warning-bg':"rgba(187, 128, 9, 0.15)",
|
||||
'--color-checks-logline-command-text':"#58a6ff",
|
||||
'--color-checks-logline-section-text':"#3fb950",
|
||||
'--color-checks-ansi-black':"#0d1117",
|
||||
'--color-checks-ansi-black-bright':"#161b22",
|
||||
'--color-checks-ansi-white':"#b1bac4",
|
||||
'--color-checks-ansi-white-bright':"#b1bac4",
|
||||
'--color-checks-ansi-gray':"#6e7681",
|
||||
'--color-checks-ansi-red':"#ff7b72",
|
||||
'--color-checks-ansi-red-bright':"#ffa198",
|
||||
'--color-checks-ansi-green':"#3fb950",
|
||||
'--color-checks-ansi-green-bright':"#56d364",
|
||||
'--color-checks-ansi-yellow':"#d29922",
|
||||
'--color-checks-ansi-yellow-bright':"#e3b341",
|
||||
'--color-checks-ansi-blue':"#58a6ff",
|
||||
'--color-checks-ansi-blue-bright':"#79c0ff",
|
||||
'--color-checks-ansi-magenta':"#bc8cff",
|
||||
'--color-checks-ansi-magenta-bright':"#d2a8ff",
|
||||
'--color-checks-ansi-cyan':"#76e3ea",
|
||||
'--color-checks-ansi-cyan-bright':"#b3f0ff",
|
||||
'--color-project-header-bg':"#0d1117",
|
||||
'--color-project-sidebar-bg':"#161b22",
|
||||
'--color-project-gradient-in':"#161b22",
|
||||
'--color-project-gradient-out':"rgba(22, 27, 34, 0)",
|
||||
'--color-mktg-btn-bg':"#f6f8fa",
|
||||
'--color-mktg-btn-shadow-outline':"rgb(255 255 255 / 25%) 0 0 0 1px inset",
|
||||
'--color-mktg-btn-shadow-focus':"rgb(255 255 255 / 25%) 0 0 0 4px",
|
||||
'--color-mktg-btn-shadow-hover':"0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
|
||||
'--color-mktg-btn-shadow-hover-muted':"rgb(255 255 255) 0 0 0 2px inset",
|
||||
'--color-avatar-bg':"rgba(255, 255, 255, 0.1)",
|
||||
'--color-avatar-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-avatar-stack-fade':"#30363d",
|
||||
'--color-avatar-stack-fade-more':"#21262d",
|
||||
'--color-avatar-child-shadow':"-2px -2px 0 #0d1117",
|
||||
'--color-topic-tag-border':"rgba(0, 0, 0, 0)",
|
||||
'--color-counter-border':"rgba(0, 0, 0, 0)",
|
||||
'--color-select-menu-backdrop-border':"#484f58",
|
||||
'--color-select-menu-tap-highlight':"rgba(48, 54, 61, 0.5)",
|
||||
'--color-select-menu-tap-focus-bg':"#0c2d6b",
|
||||
'--color-overlay-shadow':"0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85)",
|
||||
'--color-header-text':"rgba(255, 255, 255, 0.7)",
|
||||
'--color-header-bg':"#161b22",
|
||||
'--color-header-divider':"#8b949e",
|
||||
'--color-header-logo':"#f0f6fc",
|
||||
'--color-header-search-bg':"#0d1117",
|
||||
'--color-header-search-border':"#30363d",
|
||||
'--color-sidenav-selected-bg':"#21262d",
|
||||
'--color-menu-bg-active':"#161b22",
|
||||
'--color-input-disabled-bg':"rgba(110, 118, 129, 0)",
|
||||
'--color-timeline-badge-bg':"#21262d",
|
||||
'--color-ansi-black':"#484f58",
|
||||
'--color-ansi-black-bright':"#6e7681",
|
||||
'--color-ansi-white':"#b1bac4",
|
||||
'--color-ansi-white-bright':"#ffffff",
|
||||
'--color-ansi-gray':"#6e7681",
|
||||
'--color-ansi-red':"#ff7b72",
|
||||
'--color-ansi-red-bright':"#ffa198",
|
||||
'--color-ansi-green':"#3fb950",
|
||||
'--color-ansi-green-bright':"#56d364",
|
||||
'--color-ansi-yellow':"#d29922",
|
||||
'--color-ansi-yellow-bright':"#e3b341",
|
||||
'--color-ansi-blue':"#58a6ff",
|
||||
'--color-ansi-blue-bright':"#79c0ff",
|
||||
'--color-ansi-magenta':"#bc8cff",
|
||||
'--color-ansi-magenta-bright':"#d2a8ff",
|
||||
'--color-ansi-cyan':"#39c5cf",
|
||||
'--color-ansi-cyan-bright':"#56d4dd",
|
||||
'--color-btn-text':"#c9d1d9",
|
||||
'--color-btn-bg':"#21262d",
|
||||
'--color-btn-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-shadow':"0 0 transparent",
|
||||
'--color-btn-inset-shadow':"0 0 transparent",
|
||||
'--color-btn-hover-bg':"#30363d",
|
||||
'--color-btn-hover-border':"#8b949e",
|
||||
'--color-btn-active-bg':"hsla(212, 12%, 18%, 1)",
|
||||
'--color-btn-active-border':"#6e7681",
|
||||
'--color-btn-selected-bg':"#161b22",
|
||||
'--color-btn-focus-bg':"#21262d",
|
||||
'--color-btn-focus-border':"#8b949e",
|
||||
'--color-btn-focus-shadow':"0 0 0 3px rgba(139, 148, 158, 0.3)",
|
||||
'--color-btn-shadow-active':"inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15)",
|
||||
'--color-btn-shadow-input-focus':"0 0 0 0.2em rgba(31, 111, 235, 0.3)",
|
||||
'--color-btn-counter-bg':"#30363d",
|
||||
'--color-btn-primary-text':"#ffffff",
|
||||
'--color-btn-primary-bg':"#238636",
|
||||
'--color-btn-primary-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-primary-shadow':"0 0 transparent",
|
||||
'--color-btn-primary-inset-shadow':"0 0 transparent",
|
||||
'--color-btn-primary-hover-bg':"#2ea043",
|
||||
'--color-btn-primary-hover-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-primary-selected-bg':"#238636",
|
||||
'--color-btn-primary-selected-shadow':"0 0 transparent",
|
||||
'--color-btn-primary-disabled-text':"rgba(255, 255, 255, 0.5)",
|
||||
'--color-btn-primary-disabled-bg':"rgba(35, 134, 54, 0.6)",
|
||||
'--color-btn-primary-disabled-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-primary-focus-bg':"#238636",
|
||||
'--color-btn-primary-focus-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-primary-focus-shadow':"0 0 0 3px rgba(46, 164, 79, 0.4)",
|
||||
'--color-btn-primary-icon':"#ffffff",
|
||||
'--color-btn-primary-counter-bg':"rgba(255, 255, 255, 0.2)",
|
||||
'--color-btn-outline-text':"#58a6ff",
|
||||
'--color-btn-outline-hover-text':"#58a6ff",
|
||||
'--color-btn-outline-hover-bg':"#30363d",
|
||||
'--color-btn-outline-hover-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-outline-hover-shadow':"0 1px 0 rgba(1, 4, 9, 0.1)",
|
||||
'--color-btn-outline-hover-inset-shadow':"inset 0 1px 0 rgba(255, 255, 255, 0.03)",
|
||||
'--color-btn-outline-hover-counter-bg':"rgba(255, 255, 255, 0.2)",
|
||||
'--color-btn-outline-selected-text':"#ffffff",
|
||||
'--color-btn-outline-selected-bg':"#0d419d",
|
||||
'--color-btn-outline-selected-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-outline-selected-shadow':"0 0 transparent",
|
||||
'--color-btn-outline-disabled-text':"rgba(88, 166, 255, 0.5)",
|
||||
'--color-btn-outline-disabled-bg':"#0d1117",
|
||||
'--color-btn-outline-disabled-counter-bg':"rgba(31, 111, 235, 0.05)",
|
||||
'--color-btn-outline-focus-border':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-btn-outline-focus-shadow':"0 0 0 3px rgba(17, 88, 199, 0.4)",
|
||||
'--color-btn-outline-counter-bg':"rgba(31, 111, 235, 0.1)",
|
||||
'--color-btn-danger-text':"#f85149",
|
||||
'--color-btn-danger-hover-text':"#ffffff",
|
||||
'--color-btn-danger-hover-bg':"#da3633",
|
||||
'--color-btn-danger-hover-border':"#f85149",
|
||||
'--color-btn-danger-hover-shadow':"0 0 transparent",
|
||||
'--color-btn-danger-hover-inset-shadow':"0 0 transparent",
|
||||
'--color-btn-danger-hover-icon':"#ffffff",
|
||||
'--color-btn-danger-hover-counter-bg':"rgba(255, 255, 255, 0.2)",
|
||||
'--color-btn-danger-selected-text':"#ffffff",
|
||||
'--color-btn-danger-selected-bg':"#b62324",
|
||||
'--color-btn-danger-selected-border':"#ff7b72",
|
||||
'--color-btn-danger-selected-shadow':"0 0 transparent",
|
||||
'--color-btn-danger-disabled-text':"rgba(248, 81, 73, 0.5)",
|
||||
'--color-btn-danger-disabled-bg':"#0d1117",
|
||||
'--color-btn-danger-disabled-counter-bg':"rgba(218, 54, 51, 0.05)",
|
||||
'--color-btn-danger-focus-border':"#f85149",
|
||||
'--color-btn-danger-focus-shadow':"0 0 0 3px rgba(248, 81, 73, 0.4)",
|
||||
'--color-btn-danger-counter-bg':"rgba(218, 54, 51, 0.1)",
|
||||
'--color-btn-danger-icon':"#f85149",
|
||||
'--color-underlinenav-icon':"#6e7681",
|
||||
'--color-underlinenav-border-hover':"rgba(110, 118, 129, 0.4)",
|
||||
'--color-action-list-item-inline-divider':"rgba(48, 54, 61, 0.48)",
|
||||
'--color-action-list-item-default-hover-bg':"rgba(177, 186, 196, 0.12)",
|
||||
'--color-action-list-item-default-hover-border':"rgba(0, 0, 0, 0)",
|
||||
'--color-action-list-item-default-active-bg':"rgba(177, 186, 196, 0.2)",
|
||||
'--color-action-list-item-default-active-border':"rgba(0, 0, 0, 0)",
|
||||
'--color-action-list-item-default-selected-bg':"rgba(177, 186, 196, 0.08)",
|
||||
'--color-action-list-item-danger-hover-bg':"rgba(248, 81, 73, 0.16)",
|
||||
'--color-action-list-item-danger-active-bg':"rgba(248, 81, 73, 0.24)",
|
||||
'--color-action-list-item-danger-hover-text':"#ff7b72",
|
||||
'--color-switch-track-bg':"#010409",
|
||||
'--color-switch-track-border':"#6e7681",
|
||||
'--color-switch-track-checked-bg':"rgba(31, 111, 235, 0.35)",
|
||||
'--color-switch-track-checked-hover-bg':"rgba(31, 111, 235, 0.5)",
|
||||
'--color-switch-track-checked-active-bg':"rgba(31, 111, 235, 0.65)",
|
||||
'--color-switch-track-checked-border':"#58a6ff",
|
||||
'--color-switch-knob-checked-bg':"#1f6feb",
|
||||
'--color-switch-knob-checked-disabled-bg':"#484f58",
|
||||
'--color-fg-default':"#c9d1d9",
|
||||
'--color-fg-muted':"#8b949e",
|
||||
'--color-fg-subtle':"#6e7681",
|
||||
'--color-fg-on-emphasis':"#ffffff",
|
||||
'--color-canvas-default':"#0d1117",
|
||||
'--color-canvas-overlay':"#161b22",
|
||||
'--color-canvas-inset':"#010409",
|
||||
'--color-canvas-subtle':"#161b22",
|
||||
'--color-border-default':"#30363d",
|
||||
'--color-border-muted':"#21262d",
|
||||
'--color-border-subtle':"rgba(240, 246, 252, 0.1)",
|
||||
'--color-shadow-small':"0 0 transparent",
|
||||
'--color-shadow-medium':"0 3px 6px #010409",
|
||||
'--color-shadow-large':"0 8px 24px #010409",
|
||||
'--color-shadow-extra-large':"0 12px 48px #010409",
|
||||
'--color-neutral-emphasis-plus':"#6e7681",
|
||||
'--color-neutral-emphasis':"#6e7681",
|
||||
'--color-neutral-muted':"rgba(110, 118, 129, 0.4)",
|
||||
'--color-neutral-subtle':"rgba(110, 118, 129, 0.1)",
|
||||
'--color-accent-fg':"#58a6ff",
|
||||
'--color-accent-emphasis':"#1f6feb",
|
||||
'--color-accent-muted':"rgba(56, 139, 253, 0.4)",
|
||||
'--color-accent-subtle':"rgba(56, 139, 253, 0.15)",
|
||||
'--color-success-fg':"#3fb950",
|
||||
'--color-success-emphasis':"#238636",
|
||||
'--color-success-muted':"rgba(46, 160, 67, 0.4)",
|
||||
'--color-success-subtle':"rgba(46, 160, 67, 0.15)",
|
||||
'--color-attention-fg':"#d29922",
|
||||
'--color-attention-emphasis':"#9e6a03",
|
||||
'--color-attention-muted':"rgba(187, 128, 9, 0.4)",
|
||||
'--color-attention-subtle':"rgba(187, 128, 9, 0.15)",
|
||||
'--color-severe-fg':"#db6d28",
|
||||
'--color-severe-emphasis':"#bd561d",
|
||||
'--color-severe-muted':"rgba(219, 109, 40, 0.4)",
|
||||
'--color-severe-subtle':"rgba(219, 109, 40, 0.15)",
|
||||
'--color-danger-fg':"#f85149",
|
||||
'--color-danger-emphasis':"#da3633",
|
||||
'--color-danger-muted':"rgba(248, 81, 73, 0.4)",
|
||||
'--color-danger-subtle':"rgba(248, 81, 73, 0.15)",
|
||||
'--color-open-fg':"#3fb950",
|
||||
'--color-open-emphasis':"#238636",
|
||||
'--color-open-muted':"rgba(46, 160, 67, 0.4)",
|
||||
'--color-open-subtle':"rgba(46, 160, 67, 0.15)",
|
||||
'--color-closed-fg':"#f85149",
|
||||
'--color-closed-emphasis':"#da3633",
|
||||
'--color-closed-muted':"rgba(248, 81, 73, 0.4)",
|
||||
'--color-closed-subtle':"rgba(248, 81, 73, 0.15)",
|
||||
'--color-done-fg':"#a371f7",
|
||||
'--color-done-emphasis':"#8957e5",
|
||||
'--color-done-muted':"rgba(163, 113, 247, 0.4)",
|
||||
'--color-done-subtle':"rgba(163, 113, 247, 0.15)",
|
||||
'--color-sponsors-fg':"#db61a2",
|
||||
'--color-sponsors-emphasis':"#bf4b8a",
|
||||
'--color-sponsors-muted':"rgba(219, 97, 162, 0.4)",
|
||||
'--color-sponsors-subtle':"rgba(219, 97, 162, 0.15)",
|
||||
'--color-primer-fg-disabled':"#484f58",
|
||||
'--color-primer-canvas-backdrop':"rgba(1, 4, 9, 0.8)",
|
||||
'--color-primer-canvas-sticky':"rgba(13, 17, 23, 0.95)",
|
||||
'--color-primer-border-active':"#F78166",
|
||||
'--color-primer-border-contrast':"rgba(255, 255, 255, 0.2)",
|
||||
'--color-primer-shadow-highlight':"0 0 transparent",
|
||||
'--color-primer-shadow-inset':"0 0 transparent",
|
||||
'--color-primer-shadow-focus':"0 0 0 3px #0c2d6b",
|
||||
'--color-scale-black':"#010409",
|
||||
'--color-scale-white':"#ffffff",
|
||||
'--color-scale-gray-0':"#f0f6fc",
|
||||
'--color-scale-gray-1':"#c9d1d9",
|
||||
'--color-scale-gray-2':"#b1bac4",
|
||||
'--color-scale-gray-3':"#8b949e",
|
||||
'--color-scale-gray-4':"#6e7681",
|
||||
'--color-scale-gray-5':"#484f58",
|
||||
'--color-scale-gray-6':"#30363d",
|
||||
'--color-scale-gray-7':"#21262d",
|
||||
'--color-scale-gray-8':"#161b22",
|
||||
'--color-scale-gray-9':"#0d1117",
|
||||
'--color-scale-blue-0':"#cae8ff",
|
||||
'--color-scale-blue-1':"#a5d6ff",
|
||||
'--color-scale-blue-2':"#79c0ff",
|
||||
'--color-scale-blue-3':"#58a6ff",
|
||||
'--color-scale-blue-4':"#388bfd",
|
||||
'--color-scale-blue-5':"#1f6feb",
|
||||
'--color-scale-blue-6':"#1158c7",
|
||||
'--color-scale-blue-7':"#0d419d",
|
||||
'--color-scale-blue-8':"#0c2d6b",
|
||||
'--color-scale-blue-9':"#051d4d",
|
||||
'--color-scale-green-0':"#aff5b4",
|
||||
'--color-scale-green-1':"#7ee787",
|
||||
'--color-scale-green-2':"#56d364",
|
||||
'--color-scale-green-3':"#3fb950",
|
||||
'--color-scale-green-4':"#2ea043",
|
||||
'--color-scale-green-5':"#238636",
|
||||
'--color-scale-green-6':"#196c2e",
|
||||
'--color-scale-green-7':"#0f5323",
|
||||
'--color-scale-green-8':"#033a16",
|
||||
'--color-scale-green-9':"#04260f",
|
||||
'--color-scale-yellow-0':"#f8e3a1",
|
||||
'--color-scale-yellow-1':"#f2cc60",
|
||||
'--color-scale-yellow-2':"#e3b341",
|
||||
'--color-scale-yellow-3':"#d29922",
|
||||
'--color-scale-yellow-4':"#bb8009",
|
||||
'--color-scale-yellow-5':"#9e6a03",
|
||||
'--color-scale-yellow-6':"#845306",
|
||||
'--color-scale-yellow-7':"#693e00",
|
||||
'--color-scale-yellow-8':"#4b2900",
|
||||
'--color-scale-yellow-9':"#341a00",
|
||||
'--color-scale-orange-0':"#ffdfb6",
|
||||
'--color-scale-orange-1':"#ffc680",
|
||||
'--color-scale-orange-2':"#ffa657",
|
||||
'--color-scale-orange-3':"#f0883e",
|
||||
'--color-scale-orange-4':"#db6d28",
|
||||
'--color-scale-orange-5':"#bd561d",
|
||||
'--color-scale-orange-6':"#9b4215",
|
||||
'--color-scale-orange-7':"#762d0a",
|
||||
'--color-scale-orange-8':"#5a1e02",
|
||||
'--color-scale-orange-9':"#3d1300",
|
||||
'--color-scale-red-0':"#ffdcd7",
|
||||
'--color-scale-red-1':"#ffc1ba",
|
||||
'--color-scale-red-2':"#ffa198",
|
||||
'--color-scale-red-3':"#ff7b72",
|
||||
'--color-scale-red-4':"#f85149",
|
||||
'--color-scale-red-5':"#da3633",
|
||||
'--color-scale-red-6':"#b62324",
|
||||
'--color-scale-red-7':"#8e1519",
|
||||
'--color-scale-red-8':"#67060c",
|
||||
'--color-scale-red-9':"#490202",
|
||||
'--color-scale-purple-0':"#eddeff",
|
||||
'--color-scale-purple-1':"#e2c5ff",
|
||||
'--color-scale-purple-2':"#d2a8ff",
|
||||
'--color-scale-purple-3':"#bc8cff",
|
||||
'--color-scale-purple-4':"#a371f7",
|
||||
'--color-scale-purple-5':"#8957e5",
|
||||
'--color-scale-purple-6':"#6e40c9",
|
||||
'--color-scale-purple-7':"#553098",
|
||||
'--color-scale-purple-8':"#3c1e70",
|
||||
'--color-scale-purple-9':"#271052",
|
||||
'--color-scale-pink-0':"#ffdaec",
|
||||
'--color-scale-pink-1':"#ffbedd",
|
||||
'--color-scale-pink-2':"#ff9bce",
|
||||
'--color-scale-pink-3':"#f778ba",
|
||||
'--color-scale-pink-4':"#db61a2",
|
||||
'--color-scale-pink-5':"#bf4b8a",
|
||||
'--color-scale-pink-6':"#9e3670",
|
||||
'--color-scale-pink-7':"#7d2457",
|
||||
'--color-scale-pink-8':"#5e103e",
|
||||
'--color-scale-pink-9':"#42062a",
|
||||
'--color-scale-coral-0':"#FFDDD2",
|
||||
'--color-scale-coral-1':"#FFC2B2",
|
||||
'--color-scale-coral-2':"#FFA28B",
|
||||
'--color-scale-coral-3':"#F78166",
|
||||
'--color-scale-coral-4':"#EA6045",
|
||||
'--color-scale-coral-5':"#CF462D",
|
||||
'--color-scale-coral-6':"#AC3220",
|
||||
'--color-scale-coral-7':"#872012",
|
||||
'--color-scale-coral-8':"#640D04",
|
||||
'--color-scale-coral-9':"#460701"
|
||||
};
|
||||
|
||||
// to initialize the all data using the storage
|
||||
chrome.storage.sync.get('bucket', function(drops) {
|
||||
// check if data exists.
|
||||
if (drops) {
|
||||
bucket = drops;
|
||||
} else {
|
||||
bucket[Object.keys(bucket).length] = defaultBucket;
|
||||
}
|
||||
});
|
||||
|
||||
// Save it using the Chrome extension storage API.
|
||||
chrome.storage.sync.set({'bucket': bucket}, function() {
|
||||
// Notify that we saved.
|
||||
alert('Settings saved');
|
||||
});
|
||||
10
src/views/Options.tsx
Normal file
10
src/views/Options.tsx
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
import React from 'react';
|
||||
import '../assets/styles/App.css';
|
||||
|
||||
export default function Options() {
|
||||
return (
|
||||
<div className="relative">
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
17
src/views/Popup.tsx
Normal file
17
src/views/Popup.tsx
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
import React from 'react';
|
||||
import '../assets/styles/App.css';
|
||||
import QuickChange from '../components/popup/QuickChange';
|
||||
import Header from '../components/popup/Header';
|
||||
import Samples from '../components/popup/Samples';
|
||||
|
||||
function Popup() {
|
||||
return (
|
||||
<div className="relative">
|
||||
<Header/>
|
||||
<Samples />
|
||||
<QuickChange/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Popup;
|
||||
Loading…
Reference in a new issue