update theme example

This commit is contained in:
antelle 2017-04-26 21:05:26 +02:00
parent 09a7ee1642
commit 8cf469e55c
2 changed files with 43 additions and 1 deletions

View File

@ -11,7 +11,7 @@
"licence": "MIT",
"url": "https://keeweb.info",
"resources": {
"css": "dBhDzrQJR7sRNP95S2cyZEKRpn8f8Qgfk0dHX44yrFJc0mPCrgWTgqVncG4Cmy/PSpOPvMYbO5I80jziPMd0gxSXLEzvofQUSTBnAPWbPcGzlwrRCtoN1DukgmR6Res3O8dKQvfLwFv+rKEIU9BZgnEaX1jwQ/WkWSIjy1bDodJDUMiPhjWvFy3EtJjRwG1s3KlrWFNNhwBDhL/KAt56nXTnRXKH4RUTnNQF2/qUfaqQmoDLT1ea//x1r71bZWenV+uEVG0gR2VxcBT6NvCjLDy12ZgkreyY0Mbk9jRHyvIemRJudA0Fp3h267p0N90On/N5XkunRhpHGgwI6m8oOA=="
"css": "AtTSKHoqrRhIC60G5ZHUAcaTrGvZrX0HHr5HL4rT2avzsFA7woADC1N3i+ICcvbKnwQWqPbAvzT0ZD5oIXQCeQ1yvPAOd/wBuKfDTV9JOEiIuRBDu++Be+2fU4Y+D1ROIh+vn3QW+x6fhYeozgeIp+FJyHg0B1e0GO79UCgmJpzkv3Gv2yDp7WxlO2u5tbdi+164UgOINlE88u30FwULM1z7b5fwOV50qM/7ckfJiqCLCRIdzHUITubMsU1hF07L9SOECy/ZXn6JifX/gIdgE/38MfAzj13OxsO0fmoULbwrSvS76QEPmdCoCluboGaNLXQ2MeeR9EP/iKJMOwtSLA=="
},
"publicKey": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1QB+yQofkqIHbHFVAtWhjEFjaxvNekyQx/aK7nEpZzqM8ReoVWbJGVA+7z7MhymwZanbL8uAUrSpNTp5eFWltDksxqHqmXT4UcFU+4reLjYfgwjIaA3c9Q+2JA1Iowqbv3NDcDKm6Ug+dROr04VDCfYE4WRYgGdTYHDbJs5svxUgQ25uc0KKUWAvhYbSKsw43AwmbPbKkHdfZHiS5ZST99HVEJWxn3Kd2zLY9Kk70nu9MzypMLDqxUqjKgdeRCIyZeAYzB75miH3B5vMKhFcdmA8+D6WU2N+6gzKsY5BfqF729uFKSTo4JUKQ5fMU0lKSDHG4qGrkgnURfAUuj9YMQIDAQAB",
"theme": {

View File

@ -1,3 +1,45 @@
.th-rainbow {
/* basic theme style variables */
--background-color: #FAFAFA;
--medium-color: #050505;
--text-color: #424243;
--action-color: #475FD7;
--error-color: #E75675;
--muted-color: #b1b1b1;
/* dependent theme style variables */
--muted-color-border: #d5d5d5;
--text-selection-bg-color: rgba(71, 95, 215, 0.3);
--text-selection-bg-color-error: rgba(231, 86, 117, 0.8);
--text-semi-muted-color: #424244;
--text-contrast-action-color: #FAFAFA;
--text-contrast-error-color: #FAFAFA;
--text-contrast-background-color: #424243;
--base-border-color: gray;
--accent-border-color: #5b5b5b;
--light-border-color: #e2e2e2;
--form-box-shadow-color: rgba(0, 0, 0, 0.06);
--form-box-shadow-color-focus: rgba(50, 77, 210, 0.7);
--form-box-shadow-color-focus-error: rgba(228, 64, 99, 0.7);
--dropdown-box-shadow-color: rgba(5, 5, 5, 0.05);
--secondary-background-color: #e2e2e2;
--intermediate-background-color: #f3f3f3;
--intermediate-pressed-background-color: #f4f4f4;
--disabled-background-color: #eeeeee;
--action-background-color-focus: #394cac;
--action-background-color-focus-opaque: rgba(57, 76, 172, 0.1);
--error-background-color-focus: #b9455e;
--error-background-color-focus-opaque: rgba(185, 69, 94, 0.1);
--action-background-color-active: #3547a1;
--action-background-color-active-opaque: rgba(53, 71, 161, 0.15);
--error-background-color-active: #ad4158;
--error-background-color-active-opqaue: rgba(173, 65, 88, 0.15);
--modal-background-color: rgba(250, 250, 250, 0.9);
--modal-background-color-transparent: rgba(250, 250, 250, 0);
}
/* any other custom css goes here */
.th-rainbow * { /* never do such things! */
animation: rainbow 5s linear 0s infinite;
}