A
Update. Added Reading List icon and some icons for beta features: mail, feeds, contacts and calendar (mail and feeds main icons are still not done).
English:
/*** Sidebar ***/
.panelbtn:not(.mail):not(.feeds) svg path.small-icon-fill,
svg path.progress-bar-container {
d: path("") !important;
}
.panelbtn.bookmarks svg path {
d: path(
"M 11.2929,15.2929 8,12 4.70711,15.2929 C 4.07714,15.9229 3,15.4767 3,14.5858 V 1 C 3,0.44772 3.44772,0 4,0 h 8 c 0.5523,0 1,0.44772 1,1 v 13.5858 c 0,0.8909 -1.0771,1.3371 -1.7071,0.7071 z M 9.4142,10.5858 C 9.0391,10.2107 8.5304,10 8,10 7.4696,10 6.9609,10.2107 6.5858,10.5858 L 5,12.1716 V 2 h 6 v 10.1716 z"
);
}
.panelbtn.readinglist svg path:nth-of-type(1),
div.button-toolbar > button[title="Show the Reading List"] svg path:nth-of-type(1) {
d: path(
"m 2,1 h 4.5 a 2,2 0 0 1 2,2 2,2 0 0 1 2,-2 H 15 a 1,1 0 0 1 1,1 v 11 a 1,1 0 0 1 -1,1 h -4.5 c 0,0.552 -0.895,1 -2,1 -1.105,0 -2,-0.448 -2,-1 H 2 A 1,1 0 0 1 1,13 V 2 A 1,1 0 0 1 2,1 Z M 3,11.5 A 0.5,0.5 0 0 0 3.5,12 h 3.5 a 1,1 0 0 1 1,1 V 4 A 1,1 0 0 0 7,3 H 3.5 A 0.5,0.5 0 0 0 3,3.5 Z M 9,4 a 1,1 0 0 1 1,-1 h 3.5 A 0.5,0.5 0 0 1 14,3.5 v 8 A 0.5,0.5 0 0 1 13.5,12 H 10 A 1,1 0 0 0 9,13 Z M 4,4 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z M 10,4 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z"
);
}
.panelbtn.readinglist svg path:nth-of-type(2),
div.button-toolbar > button[title="Show the Reading List"] svg path:nth-of-type(2) {
d: path("");
}
div.button-toolbar > button[title="Show the Reading List"] svg {
width: 16px !important;
height: 16px !important;
}
div.button-toolbar > button[title="Show the Reading List"] {
padding-left: 8px;
}
.panelbtn.downloads svg path {
d: path(
"M 6,1 C 6,0.44772 6.4477,0 7,0 h 2 c 0.5523,0 1,0.44772 1,1 v 4 h 4 L 8,11 2,5 h 4 z M 1,15 c 0,-0.5523 0.44772,-1 1,-1 h 12 c 0.5523,0 1,0.4477 1,1 0,0.5523 -0.4477,1 -1,1 H 2 C 1.44772,16 1,15.5523 1,15 Z"
);
}
.panelbtn.history svg path {
d: path("M 0,8 C 0,6.1401 0,5.2101 0.20445,4.44709 0.75925,2.37653 2.37653,0.75925 4.44709,0.20445 5.2101,0 6.1401,0 8,0 c 1.8599,0 2.7899,0 3.5529,0.20445 2.0706,0.5548 3.6879,2.17208 4.2427,4.24264 C 16,5.2101 16,6.1401 16,8 c 0,1.8599 0,2.7899 -0.2044,3.5529 -0.5548,2.0706 -2.1721,3.6879 -4.2427,4.2427 C 10.7899,16 9.8599,16 8,16 6.1401,16 5.2101,16 4.44709,15.7956 2.37653,15.2408 0.75925,13.6235 0.20445,11.5529 0,10.7899 0,9.8599 0,8 Z m 8,6 C 6.0113,14 5.4093,13.9828 4.96472,13.8637 3.58436,13.4938 2.50617,12.4156 2.1363,11.0353 2.01718,10.5907 2,9.9887 2,8 2,6.0113 2.01718,5.4093 2.1363,4.96472 2.50617,3.58436 3.58436,2.50617 4.96472,2.1363 5.4093,2.01718 6.0113,2 8,2 c 1.9887,0 2.5907,0.01718 3.0353,0.1363 1.3803,0.36987 2.4585,1.44806 2.8284,2.82842 C 13.9828,5.4093 14,6.0113 14,8 c 0,1.9887 -0.0172,2.5907 -0.1363,3.0353 -0.3699,1.3803 -1.4481,2.4585 -2.8284,2.8284 C 10.5907,13.9828 9.9887,14 8,14 Z M 9,7.53 V 4 A 1,1 0 0,0 7,4 V 4 A 1,1 0 0,0 7,4 V 8 A 1,1 0 0,0 7.357,8.766 L 9.655,10.694 A 1,1 0 0,0 10.941,9.162 Z");
}
.panelbtn.notes svg path {
d: path(
"m 2,13 c 0,1.1046 0.89543,2 2,2 h 8 c 1.1046,0 2,-0.8954 2,-2 V 3 C 14,1.89543 13.1056,1 12.0011,1 9.9598,1 6.7508,1 4.29517,1 4.20605,1 4.10655,1 4.0003,1 2.89573,1 2,1.89543 2,3 Z M 4,4 h 8 v 9 H 4 Z m 1,1.9561 h 6 v 1 H 5 Z m 0,2 h 6 v 1 H 5 Z m 0,2 h 6 v 1 H 5 Z"
);
}
.panelbtn.tabs svg path,
button[title="New Window"] svg path {
d: path(
"M 16,3 C 16,1.89543 15.1046,1 14,1 H 2 C 0.89543,1 0,1.89543 0,3 v 10 c 0,1.1046 0.89543,2 2,2 h 12 c 1.1046,0 2,-0.8954 2,-2 z M 5,3 H 7 V 5 H 5 Z M 4,3 H 2 v 2 h 2 z m 10,3 v 7 H 2 V 6 Z M 8,5 h 6 V 3 H 8 Z"
);
}
.panelbtn.contacts:not(.active) svg path:nth-of-type(1),
.panelbtn.contacts.active svg path:nth-of-type(2) {
d: path(
"M 10,12 7.5,9.5 C 8.4,8.8 9,7.7 9,6.5 V 5.7 C 9,3.79999 7.6,2.09999 5.7,1.99999 3.7,1.89999 2,3.49999 2,5.5 v 1 c 0,1.2 0.6,2.3 1.5,3 L 1,12 c -0.5,0.5 -1,1 -1,2 0,0.6 0.4,1 1,1 h 9 c 0.6,0 1,-0.4 1,-1 0,-0.5 -0.5,-1.5 -1,-2 z"
);
}
.panelbtn.contacts:not(.active) svg path:nth-of-type(2),
.panelbtn.contacts.active svg path:nth-of-type(3) {
d: path(
"M 10.3601,9.0944 C 10.7634,8.2763 11,7.3882 11,6.5 V 5.7 C 11,3.97393 10.2386,2.41339 9.0397,1.36118 9.5271,0.47393 10.0397,0 11.5,0 13,0 14,1.3 14,2.5 v 1 c 0,0.99998 -0.5,1.49995 -0.9999,1.9999 L 15,7.5 c 0.5,0.5 1,1 1,1.5 0,0.5 -0.5,1 -1,1.0343 h -3.7 z"
);
}
.panelbtn.calendar svg path:nth-of-type(1),
div.button-toolbar > button[title="Open Calendar in Tab"] svg path:nth-of-type(1) {
d: path(
""
);
}
.panelbtn.calendar svg path:nth-of-type(2),
div.button-toolbar > button[title="Open Calendar in Tab"] svg path:nth-of-type(2) {
d: path(
"M 16,4 C 16,2.89543 15.1046,2 14,2 H 13 V 1 C 13,0.44772 12.5523,0 12,0 11.4477,0 11,0.44772 11,1 V 2 H 9 V 1 C 9,0.44772 8.5523,0 8,0 7.4477,0 7,0.44772 7,1 V 2 H 5 V 1 C 5,0.44772 4.55228,0 4,0 3.44772,0 3,0.44772 3,1 V 2 H 2 C 0.89543,2 0,2.89543 0,4 v 10 c 0,1.1046 0.89543,2 2,2 h 12 c 1.1046,0 2,-0.8954 2,-2 z m -2,9 c 0,0.5523 -0.4477,1 -1,1 H 3 C 2.44772,14 2,13.5523 2,13 V 6 C 2,5.4477 2.44772,5 3,5 h 10 c 0.5523,0 1,0.4477 1,1 z M 4,7 H 6 V 9 H 4 Z M 7,7 H 9 V 9 H 7 Z m -3,3 h 2 v 2 H 4 Z m 3,0 h 2 v 2 H 7 Z m 3,-3 h 2 v 2 h -2 z m 0,3 h 2 v 2 h -2 z"
);
}
/* Unchanged yet */
/*
.panelbtn.mail svg path {}
.panelbtn.feeds svg path {}
.panelbtn.translate svg path {} // Not bad at all {}
*/
.panelbtn.addwebpanel svg path {
d: path(
"M 7,9 H 4 C 3.44772,9 3,8.5523 3,8 V 8 C 3,7.4477 3.44772,7 4,7 H 7 V 4 C 7,3.44772 7.4477,3 8,3 v 0 c 0.5523,0 1,0.44772 1,1 v 3 h 3 c 0.5523,0 1,0.4477 1,1 v 0 c 0,0.5523 -0.4477,1 -1,1 H 9 v 3 c 0,0.5523 -0.4477,1 -1,1 v 0 C 7.4477,13 7,12.5523 7,12 Z"
);
}
.panelbtn.preferences svg path {
d: path(
"m 9.714,1.296 0.207,1.817 c 0.491,0.193 0.945,0.458 1.35,0.781 l 1.68,-0.725 c 0.171,-0.099 0.354,0.021 0.402,0.106 l 1.418,2.457 c 0.098,0.169 0.061,0.303 -0.11,0.401 L 13.19,7.221 c 0.038,0.254 0.057,0.514 0.057,0.779 0,0.276 -0.021,0.547 -0.062,0.811 l 1.423,1.147 c 0.171,0.099 0.207,0.232 0.11,0.401 l -1.342,2.325 c -0.049,0.084 -0.232,0.204 -0.402,0.105 l -1.692,-0.693 c -0.413,0.331 -0.877,0.601 -1.378,0.797 L 9.658,14.704 C 9.658,14.901 9.463,15 9.365,15 H 6.681 C 6.486,15 6.388,14.901 6.388,14.704 L 6.107,12.899 C 5.6,12.703 5.131,12.431 4.715,12.097 L 3.023,12.79 C 2.852,12.889 2.669,12.769 2.621,12.685 L 1.279,10.36 C 1.181,10.191 1.218,10.057 1.389,9.959 L 2.812,8.812 C 2.771,8.548 2.75,8.277 2.75,8.001 2.75,7.736 2.77,7.476 2.807,7.222 L 1.336,6.134 C 1.165,6.035 1.129,5.902 1.226,5.733 L 2.644,3.276 C 2.693,3.192 2.876,3.072 3.046,3.17 l 1.68,0.725 C 5.132,3.571 5.587,3.306 6.078,3.113 L 6.29,1.297 C 6.29,1.1 6.485,1.001 6.583,1.001 H 9.42 c 0.195,0 0.293,0.099 0.293,0.296 z M 8,10 C 9.105,10 10,9.105 10,8 10,6.896 9.105,6 8,6 6.895,6 6,6.896 6,8 c 0,1.105 0.895,2 2,2 z"
);
}
/*** Panels toolbars ***/
button[title="New Bookmark"] svg path,
button[title="New Note"] svg path,
button[title="New Tab"] svg path,
button[title="Add current page"] svg path,
div[title="Add current page"] > button svg path,
button[title="New Contact"] svg path,
button[title="Add a feed"] svg path {
d: path(
"M7 7V5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5V7H11C11.5523 7 12 7.44772 12 8C12 8.55228 11.5523 9 11 9H9V11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11V9H5C4.44772 9 4 8.55228 4 8C4 7.44772 4.44772 7 5 7H7Z"
);
}
/* When button is enabled, it has own title attribute. When it is disabled, parent div container has title attribute instead. */
div.button-toolbar > button[title="Delete"] svg rect,
div.button-toolbar[title="Delete"] > button svg rect,
div.button-toolbar > button[title="Remove"] svg rect,
div.button-toolbar[title="Remove"] > button svg rect {
height: 2px;
y: 7px;
rx: 0.8px;
ry: 0.8px;
}
div.button-toolbar > button[title="New Folder"] svg path {
d: path(
"M6.8801 6.95769L5.6801 5H4V11H12V6.95769H6.8801ZM12.8425 6.96C12.8423 6.96029 12.8363 6.96 12.8254 6.95824C12.8373 6.95882 12.8428 6.9597 12.8425 6.96ZM6.8 3L8 4.95769H12.8C13.46 4.95769 14 5.2125 14 5.9V11.75C14 12.4375 13.46 13 12.8 13H3.2C2.54 13 2 12.4375 2 11.75V4.25C2 3.5625 2.54 3 3.2 3H6.8Z"
);
}
/* Downloads */
div.button-toolbar > button[title="Restart"] svg path:nth-of-type(1),
div.button-toolbar[title="Restart"] > button svg path:nth-of-type(1) {
d: path(
"M7.60744 11.9857C6.6858 11.895 5.82411 11.4876 5.16904 10.833L5.16806 10.832L5.17 10.8301C5.00333 10.6634 4.40001 10.6 4.00001 11C3.60003 11.4 3.59334 12.0733 3.75998 12.24L3.75736 12.2427C3.99548 12.4807 4.25234 12.6975 4.5238 12.8904C5.37123 13.4928 6.36578 13.8681 7.4119 13.9711C8.79334 14.1072 10.1792 13.76 11.3334 12.9888C12.4876 12.2176 13.3387 11.0701 13.7416 9.74172C14.1446 8.41336 14.0745 6.98638 13.5433 5.70391C13.0121 4.42144 12.0526 3.36284 10.8284 2.70848C9.60416 2.05412 8.19092 1.84449 6.82946 2.1153C5.468 2.38611 4.24256 3.12061 3.36194 4.19365C3.3366 4.22452 3.3116 4.25561 3.28693 4.28693L1.85355 2.85355C1.53857 2.53857 1 2.76165 1 3.20711V8H5.79289C6.23835 8 6.46143 7.46143 6.14645 7.14645L4.71252 5.71252C4.77282 5.62587 4.83671 5.54137 4.90409 5.45926C5.49191 4.74301 6.30989 4.25273 7.21866 4.07196C8.12744 3.8912 9.07078 4.03113 9.88795 4.46791C10.7051 4.9047 11.3456 5.61132 11.7001 6.46736C12.0547 7.32341 12.1015 8.27592 11.8325 9.1626C11.5636 10.0493 10.9955 10.8153 10.2251 11.33C9.45464 11.8448 8.52956 12.0765 7.60744 11.9857Z"
);
}
div.button-toolbar > button[title="Restart"] svg path:nth-of-type(2),
div.button-toolbar[title="Restart"] > button svg path:nth-of-type(2) {
d: path(
"M8 6.00001C7.44772 6.00001 7 6.44772 7 7.00001V9.00001C7 9.55229 7.44772 10 8 10C8.55228 10 9 9.55229 9 9.00001V7.00001C9 6.44772 8.55228 6.00001 8 6.00001Z"
);
}
div.button-toolbar > button[title="Remove all finished"] svg path:nth-of-type(1),
div.button-toolbar[title="Remove all finished"] > button svg path:nth-of-type(1) {
d: path(
"M11.7072 5.15588C12.3099 4.56211 13.2885 4.14582 13.7353 3.47323C14.2257 2.73532 14.0147 1.7443 13.2675 1.26055C12.5182 0.777595 11.5149 0.9855 11.0229 1.72316C10.5599 2.41954 10.5825 3.52271 10.2349 4.31192C9.78539 5.33125 8.28092 5.45791 6.55087 4.56845C5.60072 6.38412 4.30951 8.33264 3 9.91687L4.2445 10.7209C4.80416 10.6267 5.49813 10.1475 5.7801 9.62115C5.75806 10.2532 5.51748 10.8129 5.0448 11.2372L7.39629 12.7521C7.69653 12.4575 7.97585 12.2237 8.28522 12.0237C8.10958 12.3718 7.99251 12.741 7.93881 13.1018L9.33101 14C10.156 12.4374 11.7598 10.0221 12.8813 8.65158C11.3307 7.42094 10.8698 5.97819 11.7072 5.15588ZM12.6761 2.15237C12.9258 2.31266 12.9951 2.64432 12.8308 2.88927C12.6692 3.13655 12.3329 3.20452 12.0848 3.04397C11.8339 2.88292 11.7647 2.55338 11.9285 2.30711C12.0912 2.06033 12.4264 1.99107 12.6761 2.15237ZM10.4987 10.2972L5.97512 7.37993L6.86405 6.04244L11.3854 8.95999L10.4987 10.2972Z"
);
}
div.button-toolbar > button[title="Remove all finished"] svg path:nth-of-type(2),
div.button-toolbar[title="Remove all finished"] > button svg path:nth-of-type(2) {
d: path("");
}
div.button-toolbar > button[title="Check all accounts"] svg path,
div.button-toolbar > button[title="Check all feeds"] svg path {
d: path(
"M14 2.20711C14 1.76166 13.4614 1.53857 13.1464 1.85356L11.7246 3.27543C11.3372 2.96859 10.911 2.7088 10.4541 2.50391C9.21538 1.94834 7.82481 1.82932 6.50965 2.16629C5.19448 2.50327 4.03248 3.27631 3.2135 4.35912C2.39451 5.44193 1.96697 6.77049 2.00073 8.12771C2.03448 9.48494 2.52754 10.7906 3.39933 11.8314C4.27113 12.8721 5.47012 13.5864 6.80041 13.8576C8.1307 14.1288 9.51363 13.9408 10.7233 13.3244C11.4465 12.9557 12.0823 12.447 12.5968 11.8333C12.6276 11.7965 12.6581 11.7593 12.688 11.7218C12.7896 11.5946 12.886 11.4632 12.9771 11.3278C13.2826 10.8737 13.0562 10.2799 12.558 10.0533C12.1616 9.87286 11.7138 9.98233 11.3753 10.2501C11.3189 10.2948 11.2654 10.3439 11.2158 10.3968C11.1891 10.4252 11.1635 10.4548 11.1391 10.4853C10.7843 10.9298 10.3368 11.2969 9.82334 11.5585C9.01328 11.9714 8.08715 12.0973 7.19628 11.9157C6.30542 11.734 5.50247 11.2557 4.91865 10.5587C4.33482 9.86172 4.00463 8.98735 3.98203 8.07844C3.95942 7.16953 4.24574 6.27982 4.7942 5.55468C5.34265 4.82955 6.12082 4.31185 7.00156 4.08619C7.88231 3.86052 8.81354 3.94023 9.64312 4.31228C9.87802 4.41763 10.1008 4.54465 10.309 4.69096L8.85356 6.14645C8.53857 6.46143 8.76166 7 9.20711 7H14V2.20711Z"
);
}
div.button-toolbar > button[title="Send from all accounts"] svg path {
d: path(
"M16 3.869c0-.557-.461-.869-1.111-.869h-14.889l3.282 3.2 9.35-1.6-7.709 4v6.4l10.667-10.4c.186-.178.41-.473.41-.731z"
);
}
div.button-toolbar > button[title="Compose new mail"] svg path:nth-of-type(1),
div.button-toolbar > button[title="Compose mail to contact"] svg path:nth-of-type(1),
div.button-toolbar[title="Compose mail to contact"] > button svg path:nth-of-type(1) {
d: path(
"M4 2a3 3 0 00-3 3v7a3 3 0 003 3h5a3 3 0 003-3V8l-1 1-1 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1h4l1-1 .87-.87A3 3 0 009 2H4z"
);
}
div.button-toolbar > button[title="Compose new mail"] svg path:nth-of-type(2),
div.button-toolbar > button[title="Compose mail to contact"] svg path:nth-of-type(2),
div.button-toolbar[title="Compose mail to contact"] > button svg path:nth-of-type(2) {
d: path(
"M14.05 1.28a.96.96 0 00-1.35 0l-.68.67 2.03 2.01.67-.67a.95.95 0 000-1.34l-.67-.67zM13.37 4.63l-2.02-2.01L5 8.99V11h2.02l6.35-6.37z"
);
}
Russian:
/*** Боковая панель ***/
.panelbtn:not(.mail):not(.feeds) svg path.small-icon-fill,
svg path.progress-bar-container {
d: path("") !important;
}
.panelbtn.bookmarks svg path {
d: path(
"M 11.2929,15.2929 8,12 4.70711,15.2929 C 4.07714,15.9229 3,15.4767 3,14.5858 V 1 C 3,0.44772 3.44772,0 4,0 h 8 c 0.5523,0 1,0.44772 1,1 v 13.5858 c 0,0.8909 -1.0771,1.3371 -1.7071,0.7071 z M 9.4142,10.5858 C 9.0391,10.2107 8.5304,10 8,10 7.4696,10 6.9609,10.2107 6.5858,10.5858 L 5,12.1716 V 2 h 6 v 10.1716 z"
);
}
.panelbtn.readinglist svg path:nth-of-type(1),
div.button-toolbar > button[title="Показать список чтения"] svg path:nth-of-type(1) {
d: path(
"m 2,1 h 4.5 a 2,2 0 0 1 2,2 2,2 0 0 1 2,-2 H 15 a 1,1 0 0 1 1,1 v 11 a 1,1 0 0 1 -1,1 h -4.5 c 0,0.552 -0.895,1 -2,1 -1.105,0 -2,-0.448 -2,-1 H 2 A 1,1 0 0 1 1,13 V 2 A 1,1 0 0 1 2,1 Z M 3,11.5 A 0.5,0.5 0 0 0 3.5,12 h 3.5 a 1,1 0 0 1 1,1 V 4 A 1,1 0 0 0 7,3 H 3.5 A 0.5,0.5 0 0 0 3,3.5 Z M 9,4 a 1,1 0 0 1 1,-1 h 3.5 A 0.5,0.5 0 0 1 14,3.5 v 8 A 0.5,0.5 0 0 1 13.5,12 H 10 A 1,1 0 0 0 9,13 Z M 4,4 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z M 10,4 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z m 0,2 v 1 h 3 v -1 Z"
);
}
.panelbtn.readinglist svg path:nth-of-type(2),
div.button-toolbar > button[title="Показать список чтения"] svg path:nth-of-type(2) {
d: path("");
}
div.button-toolbar > button[title="Показать список чтения"] svg {
width: 16px !important;
height: 16px !important;
}
div.button-toolbar > button[title="Показать список чтения"] {
padding-left: 8px;
}
.panelbtn.downloads svg path {
d: path(
"M 6,1 C 6,0.44772 6.4477,0 7,0 h 2 c 0.5523,0 1,0.44772 1,1 v 4 h 4 L 8,11 2,5 h 4 z M 1,15 c 0,-0.5523 0.44772,-1 1,-1 h 12 c 0.5523,0 1,0.4477 1,1 0,0.5523 -0.4477,1 -1,1 H 2 C 1.44772,16 1,15.5523 1,15 Z"
);
}
.panelbtn.history svg path {
d: path("M 0,8 C 0,6.1401 0,5.2101 0.20445,4.44709 0.75925,2.37653 2.37653,0.75925 4.44709,0.20445 5.2101,0 6.1401,0 8,0 c 1.8599,0 2.7899,0 3.5529,0.20445 2.0706,0.5548 3.6879,2.17208 4.2427,4.24264 C 16,5.2101 16,6.1401 16,8 c 0,1.8599 0,2.7899 -0.2044,3.5529 -0.5548,2.0706 -2.1721,3.6879 -4.2427,4.2427 C 10.7899,16 9.8599,16 8,16 6.1401,16 5.2101,16 4.44709,15.7956 2.37653,15.2408 0.75925,13.6235 0.20445,11.5529 0,10.7899 0,9.8599 0,8 Z m 8,6 C 6.0113,14 5.4093,13.9828 4.96472,13.8637 3.58436,13.4938 2.50617,12.4156 2.1363,11.0353 2.01718,10.5907 2,9.9887 2,8 2,6.0113 2.01718,5.4093 2.1363,4.96472 2.50617,3.58436 3.58436,2.50617 4.96472,2.1363 5.4093,2.01718 6.0113,2 8,2 c 1.9887,0 2.5907,0.01718 3.0353,0.1363 1.3803,0.36987 2.4585,1.44806 2.8284,2.82842 C 13.9828,5.4093 14,6.0113 14,8 c 0,1.9887 -0.0172,2.5907 -0.1363,3.0353 -0.3699,1.3803 -1.4481,2.4585 -2.8284,2.8284 C 10.5907,13.9828 9.9887,14 8,14 Z M 9,7.53 V 4 A 1,1 0 0,0 7,4 V 4 A 1,1 0 0,0 7,4 V 8 A 1,1 0 0,0 7.357,8.766 L 9.655,10.694 A 1,1 0 0,0 10.941,9.162 Z");
}
.panelbtn.notes svg path {
d: path(
"m 2,13 c 0,1.1046 0.89543,2 2,2 h 8 c 1.1046,0 2,-0.8954 2,-2 V 3 C 14,1.89543 13.1056,1 12.0011,1 9.9598,1 6.7508,1 4.29517,1 4.20605,1 4.10655,1 4.0003,1 2.89573,1 2,1.89543 2,3 Z M 4,4 h 8 v 9 H 4 Z m 1,1.9561 h 6 v 1 H 5 Z m 0,2 h 6 v 1 H 5 Z m 0,2 h 6 v 1 H 5 Z"
);
}
.panelbtn.tabs svg path,
button[title="Новое окно"] svg path {
d: path(
"M 16,3 C 16,1.89543 15.1046,1 14,1 H 2 C 0.89543,1 0,1.89543 0,3 v 10 c 0,1.1046 0.89543,2 2,2 h 12 c 1.1046,0 2,-0.8954 2,-2 z M 5,3 H 7 V 5 H 5 Z M 4,3 H 2 v 2 h 2 z m 10,3 v 7 H 2 V 6 Z M 8,5 h 6 V 3 H 8 Z"
);
}
.panelbtn.contacts:not(.active) svg path:nth-of-type(1),
.panelbtn.contacts.active svg path:nth-of-type(2) {
d: path(
"M 10,12 7.5,9.5 C 8.4,8.8 9,7.7 9,6.5 V 5.7 C 9,3.79999 7.6,2.09999 5.7,1.99999 3.7,1.89999 2,3.49999 2,5.5 v 1 c 0,1.2 0.6,2.3 1.5,3 L 1,12 c -0.5,0.5 -1,1 -1,2 0,0.6 0.4,1 1,1 h 9 c 0.6,0 1,-0.4 1,-1 0,-0.5 -0.5,-1.5 -1,-2 z"
);
}
.panelbtn.contacts:not(.active) svg path:nth-of-type(2),
.panelbtn.contacts.active svg path:nth-of-type(3) {
d: path(
"M 10.3601,9.0944 C 10.7634,8.2763 11,7.3882 11,6.5 V 5.7 C 11,3.97393 10.2386,2.41339 9.0397,1.36118 9.5271,0.47393 10.0397,0 11.5,0 13,0 14,1.3 14,2.5 v 1 c 0,0.99998 -0.5,1.49995 -0.9999,1.9999 L 15,7.5 c 0.5,0.5 1,1 1,1.5 0,0.5 -0.5,1 -1,1.0343 h -3.7 z"
);
}
.panelbtn.calendar svg path:nth-of-type(1),
div.button-toolbar > button[title="Открыть календарь во вкладке"] svg path:nth-of-type(1) {
d: path(
""
);
}
.panelbtn.calendar svg path:nth-of-type(2),
div.button-toolbar > button[title="Открыть календарь во вкладке"] svg path:nth-of-type(2) {
d: path(
"M 16,4 C 16,2.89543 15.1046,2 14,2 H 13 V 1 C 13,0.44772 12.5523,0 12,0 11.4477,0 11,0.44772 11,1 V 2 H 9 V 1 C 9,0.44772 8.5523,0 8,0 7.4477,0 7,0.44772 7,1 V 2 H 5 V 1 C 5,0.44772 4.55228,0 4,0 3.44772,0 3,0.44772 3,1 V 2 H 2 C 0.89543,2 0,2.89543 0,4 v 10 c 0,1.1046 0.89543,2 2,2 h 12 c 1.1046,0 2,-0.8954 2,-2 z m -2,9 c 0,0.5523 -0.4477,1 -1,1 H 3 C 2.44772,14 2,13.5523 2,13 V 6 C 2,5.4477 2.44772,5 3,5 h 10 c 0.5523,0 1,0.4477 1,1 z M 4,7 H 6 V 9 H 4 Z M 7,7 H 9 V 9 H 7 Z m -3,3 h 2 v 2 H 4 Z m 3,0 h 2 v 2 H 7 Z m 3,-3 h 2 v 2 h -2 z m 0,3 h 2 v 2 h -2 z"
);
}
/* Не сделано */
/*
.panelbtn.mail svg path {}
.panelbtn.feeds svg path {}
.panelbtn.translate svg path {} // Значок в целом выглядит неплохо {}
*/
.panelbtn.addwebpanel svg path {
d: path(
"M 7,9 H 4 C 3.44772,9 3,8.5523 3,8 V 8 C 3,7.4477 3.44772,7 4,7 H 7 V 4 C 7,3.44772 7.4477,3 8,3 v 0 c 0.5523,0 1,0.44772 1,1 v 3 h 3 c 0.5523,0 1,0.4477 1,1 v 0 c 0,0.5523 -0.4477,1 -1,1 H 9 v 3 c 0,0.5523 -0.4477,1 -1,1 v 0 C 7.4477,13 7,12.5523 7,12 Z"
);
}
.panelbtn.preferences svg path {
d: path(
"m 9.714,1.296 0.207,1.817 c 0.491,0.193 0.945,0.458 1.35,0.781 l 1.68,-0.725 c 0.171,-0.099 0.354,0.021 0.402,0.106 l 1.418,2.457 c 0.098,0.169 0.061,0.303 -0.11,0.401 L 13.19,7.221 c 0.038,0.254 0.057,0.514 0.057,0.779 0,0.276 -0.021,0.547 -0.062,0.811 l 1.423,1.147 c 0.171,0.099 0.207,0.232 0.11,0.401 l -1.342,2.325 c -0.049,0.084 -0.232,0.204 -0.402,0.105 l -1.692,-0.693 c -0.413,0.331 -0.877,0.601 -1.378,0.797 L 9.658,14.704 C 9.658,14.901 9.463,15 9.365,15 H 6.681 C 6.486,15 6.388,14.901 6.388,14.704 L 6.107,12.899 C 5.6,12.703 5.131,12.431 4.715,12.097 L 3.023,12.79 C 2.852,12.889 2.669,12.769 2.621,12.685 L 1.279,10.36 C 1.181,10.191 1.218,10.057 1.389,9.959 L 2.812,8.812 C 2.771,8.548 2.75,8.277 2.75,8.001 2.75,7.736 2.77,7.476 2.807,7.222 L 1.336,6.134 C 1.165,6.035 1.129,5.902 1.226,5.733 L 2.644,3.276 C 2.693,3.192 2.876,3.072 3.046,3.17 l 1.68,0.725 C 5.132,3.571 5.587,3.306 6.078,3.113 L 6.29,1.297 C 6.29,1.1 6.485,1.001 6.583,1.001 H 9.42 c 0.195,0 0.293,0.099 0.293,0.296 z M 8,10 C 9.105,10 10,9.105 10,8 10,6.896 9.105,6 8,6 6.895,6 6,6.896 6,8 c 0,1.105 0.895,2 2,2 z"
);
}
/*** Кнопки панелей и диалога загрузки ***/
button[title="Новая закладка"] svg path,
button[title="Новая заметка"] svg path,
button[title="Новая вкладка"] svg path,
button[title="Добавить текущую страницу"] svg path,
div[title="Добавить текущую страницу"] > button svg path,
button[title="Новый контакт"] svg path,
button[title="Добавить ленту"] svg path {
d: path(
"M7 7V5C7 4.44772 7.44772 4 8 4C8.55228 4 9 4.44772 9 5V7H11C11.5523 7 12 7.44772 12 8C12 8.55228 11.5523 9 11 9H9V11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11V9H5C4.44772 9 4 8.55228 4 8C4 7.44772 4.44772 7 5 7H7Z"
);
}
/* Когда кнопка включена, используется ее атрибут title, когда выключена - атрибут родительского div */
div.button-toolbar > button[title="Удалить"] svg rect,
div.button-toolbar[title="Удалить"] > button svg rect {
height: 2px;
y: 7px;
rx: 0.8px;
ry: 0.8px;
}
div.button-toolbar > button[title="Новая папка"] svg path {
d: path(
"M6.8801 6.95769L5.6801 5H4V11H12V6.95769H6.8801ZM12.8425 6.96C12.8423 6.96029 12.8363 6.96 12.8254 6.95824C12.8373 6.95882 12.8428 6.9597 12.8425 6.96ZM6.8 3L8 4.95769H12.8C13.46 4.95769 14 5.2125 14 5.9V11.75C14 12.4375 13.46 13 12.8 13H3.2C2.54 13 2 12.4375 2 11.75V4.25C2 3.5625 2.54 3 3.2 3H6.8Z"
);
}
/* Загрузки */
div.button-toolbar > button[title="Повторить"] svg path:nth-of-type(1),
div.button-toolbar[title="Повторить"] > button svg path:nth-of-type(1) {
d: path(
"M7.60744 11.9857C6.6858 11.895 5.82411 11.4876 5.16904 10.833L5.16806 10.832L5.17 10.8301C5.00333 10.6634 4.40001 10.6 4.00001 11C3.60003 11.4 3.59334 12.0733 3.75998 12.24L3.75736 12.2427C3.99548 12.4807 4.25234 12.6975 4.5238 12.8904C5.37123 13.4928 6.36578 13.8681 7.4119 13.9711C8.79334 14.1072 10.1792 13.76 11.3334 12.9888C12.4876 12.2176 13.3387 11.0701 13.7416 9.74172C14.1446 8.41336 14.0745 6.98638 13.5433 5.70391C13.0121 4.42144 12.0526 3.36284 10.8284 2.70848C9.60416 2.05412 8.19092 1.84449 6.82946 2.1153C5.468 2.38611 4.24256 3.12061 3.36194 4.19365C3.3366 4.22452 3.3116 4.25561 3.28693 4.28693L1.85355 2.85355C1.53857 2.53857 1 2.76165 1 3.20711V8H5.79289C6.23835 8 6.46143 7.46143 6.14645 7.14645L4.71252 5.71252C4.77282 5.62587 4.83671 5.54137 4.90409 5.45926C5.49191 4.74301 6.30989 4.25273 7.21866 4.07196C8.12744 3.8912 9.07078 4.03113 9.88795 4.46791C10.7051 4.9047 11.3456 5.61132 11.7001 6.46736C12.0547 7.32341 12.1015 8.27592 11.8325 9.1626C11.5636 10.0493 10.9955 10.8153 10.2251 11.33C9.45464 11.8448 8.52956 12.0765 7.60744 11.9857Z"
);
}
div.button-toolbar > button[title="Повторить"] svg path:nth-of-type(2),
div.button-toolbar[title="Повторить"] > button svg path:nth-of-type(2) {
d: path(
"M8 6.00001C7.44772 6.00001 7 6.44772 7 7.00001V9.00001C7 9.55229 7.44772 10 8 10C8.55228 10 9 9.55229 9 9.00001V7.00001C9 6.44772 8.55228 6.00001 8 6.00001Z"
);
}
div.button-toolbar > button[title="Удалить все завершённые загрузки"] svg path:nth-of-type(1),
div.button-toolbar[title="Удалить все завершённые загрузки"] > button svg path:nth-of-type(1) {
d: path(
"M11.7072 5.15588C12.3099 4.56211 13.2885 4.14582 13.7353 3.47323C14.2257 2.73532 14.0147 1.7443 13.2675 1.26055C12.5182 0.777595 11.5149 0.9855 11.0229 1.72316C10.5599 2.41954 10.5825 3.52271 10.2349 4.31192C9.78539 5.33125 8.28092 5.45791 6.55087 4.56845C5.60072 6.38412 4.30951 8.33264 3 9.91687L4.2445 10.7209C4.80416 10.6267 5.49813 10.1475 5.7801 9.62115C5.75806 10.2532 5.51748 10.8129 5.0448 11.2372L7.39629 12.7521C7.69653 12.4575 7.97585 12.2237 8.28522 12.0237C8.10958 12.3718 7.99251 12.741 7.93881 13.1018L9.33101 14C10.156 12.4374 11.7598 10.0221 12.8813 8.65158C11.3307 7.42094 10.8698 5.97819 11.7072 5.15588ZM12.6761 2.15237C12.9258 2.31266 12.9951 2.64432 12.8308 2.88927C12.6692 3.13655 12.3329 3.20452 12.0848 3.04397C11.8339 2.88292 11.7647 2.55338 11.9285 2.30711C12.0912 2.06033 12.4264 1.99107 12.6761 2.15237ZM10.4987 10.2972L5.97512 7.37993L6.86405 6.04244L11.3854 8.95999L10.4987 10.2972Z"
);
}
div.button-toolbar > button[title="Удалить все завершённые загрузки"] svg path:nth-of-type(2),
div.button-toolbar[title="Удалить все завершённые загрузки"] > button svg path:nth-of-type(2) {
d: path("");
}
div.button-toolbar > button[title="Проверить все учётные записи"] svg path,
div.button-toolbar > button[title="Проверить все ленты"] svg path {
d: path(
"M14 2.20711C14 1.76166 13.4614 1.53857 13.1464 1.85356L11.7246 3.27543C11.3372 2.96859 10.911 2.7088 10.4541 2.50391C9.21538 1.94834 7.82481 1.82932 6.50965 2.16629C5.19448 2.50327 4.03248 3.27631 3.2135 4.35912C2.39451 5.44193 1.96697 6.77049 2.00073 8.12771C2.03448 9.48494 2.52754 10.7906 3.39933 11.8314C4.27113 12.8721 5.47012 13.5864 6.80041 13.8576C8.1307 14.1288 9.51363 13.9408 10.7233 13.3244C11.4465 12.9557 12.0823 12.447 12.5968 11.8333C12.6276 11.7965 12.6581 11.7593 12.688 11.7218C12.7896 11.5946 12.886 11.4632 12.9771 11.3278C13.2826 10.8737 13.0562 10.2799 12.558 10.0533C12.1616 9.87286 11.7138 9.98233 11.3753 10.2501C11.3189 10.2948 11.2654 10.3439 11.2158 10.3968C11.1891 10.4252 11.1635 10.4548 11.1391 10.4853C10.7843 10.9298 10.3368 11.2969 9.82334 11.5585C9.01328 11.9714 8.08715 12.0973 7.19628 11.9157C6.30542 11.734 5.50247 11.2557 4.91865 10.5587C4.33482 9.86172 4.00463 8.98735 3.98203 8.07844C3.95942 7.16953 4.24574 6.27982 4.7942 5.55468C5.34265 4.82955 6.12082 4.31185 7.00156 4.08619C7.88231 3.86052 8.81354 3.94023 9.64312 4.31228C9.87802 4.41763 10.1008 4.54465 10.309 4.69096L8.85356 6.14645C8.53857 6.46143 8.76166 7 9.20711 7H14V2.20711Z"
);
}
div.button-toolbar > button[title="Отправить со всех учётных записей"] svg path {
d: path(
"M16 3.869c0-.557-.461-.869-1.111-.869h-14.889l3.282 3.2 9.35-1.6-7.709 4v6.4l10.667-10.4c.186-.178.41-.473.41-.731z"
);
}
div.button-toolbar > button[title="Написать новое письмо"] svg path:nth-of-type(1),
div.button-toolbar > button[title="Создать письмо контакту"] svg path:nth-of-type(1),
div.button-toolbar[title="Создать письмо контакту"] > button svg path:nth-of-type(1) {
d: path(
"M4 2a3 3 0 00-3 3v7a3 3 0 003 3h5a3 3 0 003-3V8l-1 1-1 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1h4l1-1 .87-.87A3 3 0 009 2H4z"
);
}
div.button-toolbar > button[title="Написать новое письмо"] svg path:nth-of-type(2),
div.button-toolbar > button[title="Создать письмо контакту"] svg path:nth-of-type(2),
div.button-toolbar[title="Создать письмо контакту"] > button svg path:nth-of-type(2) {
d: path(
"M14.05 1.28a.96.96 0 00-1.35 0l-.68.67 2.03 2.01.67-.67a.95.95 0 000-1.34l-.67-.67zM13.37 4.63l-2.02-2.01L5 8.99V11h2.02l6.35-6.37z"
);
}
Preview: SideBar.png
