Changed icons set to tabler from icss and openmoji AND made dark mode work
parent
243bfb944b
commit
38b3a3b7cc
Binary file not shown.
@ -0,0 +1,218 @@
|
||||
/*!
|
||||
* Tabler Icons 1.44.0 by tabler - https://tabler.io
|
||||
* License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "tabler-icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("tabler-icons.woff") format("woff")
|
||||
}
|
||||
|
||||
.ti {
|
||||
font-family: "tabler-icons" !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ti-arrow-back:before {
|
||||
content: "\ea0c";
|
||||
}
|
||||
|
||||
.ti-arrow-forward:before {
|
||||
content: "\ea17";
|
||||
}
|
||||
|
||||
.ti-arrow-ramp-left:before {
|
||||
content: "\ed3c";
|
||||
}
|
||||
|
||||
.ti-at:before {
|
||||
content: "\ea2b";
|
||||
}
|
||||
|
||||
.ti-bell-ringing:before {
|
||||
content: "\ed07";
|
||||
}
|
||||
|
||||
.ti-bold:before {
|
||||
content: "\eb7b";
|
||||
}
|
||||
|
||||
.ti-bookmark:before {
|
||||
content: "\ea3a";
|
||||
}
|
||||
|
||||
.ti-bookmark-off:before {
|
||||
content: "\eced";
|
||||
}
|
||||
|
||||
.ti-bookmarks:before {
|
||||
content: "\ed08";
|
||||
}
|
||||
|
||||
.ti-camera:before {
|
||||
content: "\ea54";
|
||||
}
|
||||
|
||||
.ti-caret-left:before {
|
||||
content: "\eb5e";
|
||||
}
|
||||
|
||||
.ti-caret-right:before {
|
||||
content: "\eb5f";
|
||||
}
|
||||
|
||||
.ti-circle-minus:before {
|
||||
content: "\ea68";
|
||||
}
|
||||
|
||||
.ti-circle-plus:before {
|
||||
content: "\ea69";
|
||||
}
|
||||
|
||||
.ti-code:before {
|
||||
content: "\ea77";
|
||||
}
|
||||
|
||||
.ti-compass:before {
|
||||
content: "\ea79";
|
||||
}
|
||||
|
||||
.ti-door-enter:before {
|
||||
content: "\ef4c";
|
||||
}
|
||||
|
||||
.ti-door-exit:before {
|
||||
content: "\ef4d";
|
||||
}
|
||||
|
||||
.ti-edit:before {
|
||||
content: "\ea98";
|
||||
}
|
||||
|
||||
.ti-file-text:before {
|
||||
content: "\eaa2";
|
||||
}
|
||||
|
||||
.ti-italic:before {
|
||||
content: "\eb93";
|
||||
}
|
||||
|
||||
.ti-link:before {
|
||||
content: "\eade";
|
||||
}
|
||||
|
||||
.ti-list-details:before {
|
||||
content: "\ef40";
|
||||
}
|
||||
|
||||
.ti-menu-2:before {
|
||||
content: "\ec42";
|
||||
}
|
||||
|
||||
.ti-message:before {
|
||||
content: "\eaef";
|
||||
}
|
||||
|
||||
.ti-message-circle:before {
|
||||
content: "\eaed";
|
||||
}
|
||||
|
||||
.ti-message-plus:before {
|
||||
content: "\ec9a";
|
||||
}
|
||||
|
||||
.ti-messages:before {
|
||||
content: "\eb6c";
|
||||
}
|
||||
|
||||
.ti-microphone:before {
|
||||
content: "\eaf0";
|
||||
}
|
||||
|
||||
.ti-moon:before {
|
||||
content: "\eaf8";
|
||||
}
|
||||
|
||||
.ti-photo:before {
|
||||
content: "\eb0a";
|
||||
}
|
||||
|
||||
.ti-rss:before {
|
||||
content: "\eb19";
|
||||
}
|
||||
|
||||
.ti-search:before {
|
||||
content: "\eb1c";
|
||||
}
|
||||
|
||||
.ti-send:before {
|
||||
content: "\eb1e";
|
||||
}
|
||||
|
||||
.ti-settings:before {
|
||||
content: "\eb20";
|
||||
}
|
||||
|
||||
.ti-shadow:before {
|
||||
content: "\eed8";
|
||||
}
|
||||
|
||||
.ti-strikethrough:before {
|
||||
content: "\eb9e";
|
||||
}
|
||||
|
||||
.ti-sun:before {
|
||||
content: "\eb30";
|
||||
}
|
||||
|
||||
.ti-trash:before {
|
||||
content: "\eb41";
|
||||
}
|
||||
|
||||
.ti-urgent:before {
|
||||
content: "\eb48";
|
||||
}
|
||||
|
||||
.ti-user-check:before {
|
||||
content: "\eb49";
|
||||
}
|
||||
|
||||
.ti-user-circle:before {
|
||||
content: "\ef68";
|
||||
}
|
||||
|
||||
.ti-user-minus:before {
|
||||
content: "\eb4a";
|
||||
}
|
||||
|
||||
.ti-user-off:before {
|
||||
content: "\ecf9";
|
||||
}
|
||||
|
||||
.ti-user-plus:before {
|
||||
content: "\eb4b";
|
||||
}
|
||||
|
||||
.ti-users:before {
|
||||
content: "\ebf2";
|
||||
}
|
||||
|
||||
.ti-video:before {
|
||||
content: "\ed22";
|
||||
}
|
||||
|
||||
.ti-volume:before {
|
||||
content: "\eb51";
|
||||
}
|
||||
|
||||
.ti-volume-3:before {
|
||||
content: "\eb50";
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
.external-image:before {
|
||||
src: url("tabler-icons.woff") format("woff");
|
||||
font-family: "tabler-icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
content: "\eb0a";
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
/* == Variables == */
|
||||
:root {
|
||||
--roundness: 0.25rem;
|
||||
--pod-color: #3623BD;
|
||||
--bg-body: #F7F7F7;
|
||||
--bg-post: #fff;
|
||||
--bg-code: #eee;
|
||||
--code-color: #D22F27;
|
||||
--text-color: #444;
|
||||
--text-small: #ccc;
|
||||
--link-color: #0433FF; /* Blueberry: 0433FF */
|
||||
--link-visited: #9437FF; /* Grape: #9437FF */
|
||||
--link-active: #941100; /* Cayenne: 941100 */
|
||||
--link-nav: #222;
|
||||
--input-box: #fff;
|
||||
--input-border: #7A81FF;
|
||||
--button-text: #fff;
|
||||
--border-color: #ccc;
|
||||
--primary: #7777FF;
|
||||
--secondary: #C89EFF;
|
||||
--warning: #FCEA2C; /*Yellow from openmoji*/
|
||||
}
|
||||
|
||||
/* Dark mode support (from: vanillacss.com) */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
input:focus, input:active {
|
||||
background-color: var(--text-color);
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
:root {
|
||||
/*--roundness: 0.25rem;*/
|
||||
--pod-color: #3623BD;
|
||||
--bg-body: #111;
|
||||
--bg-post: #222;
|
||||
--bg-code: #333;
|
||||
--code-color: #EA5A47;
|
||||
--text-color: #eee;
|
||||
--text-small: #555;
|
||||
--link-color: #64FFDA;
|
||||
--link-visited: #9437FF; /* Green from the android Yarn.social app */
|
||||
--link-active: #941100; /* Cayenne: 941100 */
|
||||
--link-nav: #fff;
|
||||
--input-box: #222;
|
||||
--input-border: #7A81FF;
|
||||
--button-text: #fff;
|
||||
--border-color: #555;
|
||||
--primary: #7777FF;
|
||||
--secondary: #C89EFF;
|
||||
--warning: #FCEA2C; /*Yellow from openmoji*/
|
||||
}
|
||||
|
||||
[class*="oma-black"],
|
||||
[class*="oma-right-arrow-curving"] {
|
||||
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(322deg) brightness(103%) contrast(100%);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,81 @@
|
||||
/* Light scheme (Default) */
|
||||
/* Can be forced with data-theme="light" */
|
||||
[data-theme="light"],
|
||||
:root:not([data-theme="dark"]) {
|
||||
--roundness: 0.25rem;
|
||||
--pod-color: #3623BD;
|
||||
--bg-body: #F7F7F7;
|
||||
--bg-post: #fff;
|
||||
--bg-code: #eee;
|
||||
--code-color: #D22F27;
|
||||
--text-color: #444;
|
||||
--text-small: #ccc;
|
||||
--link-color: #0433FF; /* Blueberry: 0433FF */
|
||||
--link-visited: #9437FF; /* Grape: #9437FF */
|
||||
--link-active: #941100; /* Cayenne: 941100 */
|
||||
--link-nav: #222;
|
||||
--input-box: #fff;
|
||||
--input-border: #7A81FF;
|
||||
--button-text: #fff;
|
||||
--border-color: #ccc;
|
||||
--primary: #7777FF;
|
||||
--secondary: #C89EFF;
|
||||
--warning: #FCEA2C; /*Yellow from openmoji*/
|
||||
}
|
||||
|
||||
/* Dark scheme (Auto) */
|
||||
/* Automatically enabled if user has Dark mode enabled */
|
||||
@media only screen and (prefers-color-scheme: dark) {
|
||||
:root:not([data-theme="light"]) {
|
||||
/*--roundness: 0.25rem;*/
|
||||
--pod-color: #3623BD;
|
||||
--bg-body: #111;
|
||||
--bg-post: #222;
|
||||
--bg-code: #333;
|
||||
--code-color: #EA5A47;
|
||||
--text-color: #eee;
|
||||
--text-small: #555;
|
||||
--link-color: #64FFDA;
|
||||
--link-visited: #9437FF; /* Green from the android Yarn.social app */
|
||||
--link-active: #941100; /* Cayenne: 941100 */
|
||||
--link-nav: #fff;
|
||||
--input-box: #222;
|
||||
--input-border: #7A81FF;
|
||||
--button-text: #fff;
|
||||
--border-color: #555;
|
||||
--primary: #7777FF;
|
||||
--secondary: #C89EFF;
|
||||
--warning: #FCEA2C; /*Yellow from openmoji*/
|
||||
}
|
||||
input:focus, input:active {
|
||||
background-color: var(--text-color);
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
[class*="oma-black"], [class*="oma-right-arrow-curving"] {
|
||||
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(322deg) brightness(103%) contrast(100%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark scheme (Forced) */
|
||||
/* Enabled if forced with data-theme="dark" */
|
||||
[data-theme="dark"] {
|
||||
--roundness: 0.25rem;
|
||||
--pod-color: #3623BD;
|
||||
--bg-body: #111;
|
||||
--bg-post: #222;
|
||||
--bg-code: #333;
|
||||
--code-color: #EA5A47;
|
||||
--text-color: #eee;
|
||||
--text-small: #555;
|
||||
--link-color: #64FFDA;
|
||||
--link-visited: #9437FF; /* Green from the android Yarn.social app */
|
||||
--link-active: #941100; /* Cayenne: 941100 */
|
||||
--link-nav: #fff;
|
||||
--input-box: #222;
|
||||
--input-border: #7A81FF;
|
||||
--button-text: #fff;
|
||||
--border-color: #555;
|
||||
--primary: #7777FF;
|
||||
--secondary: #C89EFF;
|
||||
--warning: #FCEA2C; /*Yellow from openmoji*/
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue