Skip to content

Commit

Permalink
High contrast fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@blobcatz
blobcatz authored Nov 3, 2023
1 parent 4c13fda commit 01c3b8d
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 14 deletions.
42 changes: 36 additions & 6 deletions layout-single-column.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

52 changes: 44 additions & 8 deletions layout-single-column.styl
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
.theme-default {
.theme-default,
.theme-contrast {
--background: #0F0F0F;
--search-background: #15192C;
--secondary-background: #1e2236;
Expand All @@ -8,8 +9,32 @@
--text-color: white;
--logo: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjY2LjM3NiIgdmlld0JveD0iMCAwIDUzLjUyNiAxNy41NjIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbGxlZGJ5PSJQZWJibGUgbG9nbyIgY2xhc3M9InRleHQtbWFpbiBoaWRkZW4geGw6aW5saW5lIj48cGF0aCBmaWxsPSIjRDJEMkQyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMjAuMDQ0IDE1MS42MDZjLS41OTguNTk4LTEuMzk3LjkxLTIuMjczLjkxLTEuMDEgMC0xLjc3Ni0uMjktMi4xNTUtMS4yOTYtLjMzLS44NzUtLjI4Ny0xLjU5OC0uMjg3LTEuNTk4cy4wNy0zLjguMTA2LTQuNzI4Yy4wMDgtLjg2LjIxLTQuNzE4LjIxLTQuNzE4czAtLjQ3LjM5Ni0uNDdjLjMwNyAwIC45MzMuMjQxLjg0Ny43ODUgMCAuNjE4LS4zMSAyLjE5OC0uMzggMy44NjNzLS4wOTIgMy44NjMtLjEwOSA0LjQ5MmMuNDk4LTEuMzYxIDIuMTUxLTMuMTEzIDMuMzcyLTMuMTEzIDEuMjk3IDAgMS42NTcgMS4xNDUgMS42NTcgMi4xMTQgMCAxLjUyNC0uNTI1IDIuOS0xLjM4NCAzLjc1OXptLjI1MS0zLjYyNWMwIDEuMDg1LS4yNTEgMS44MjItLjg1IDIuNTRoLS4wMDJzLS43NjUgMS4wMi0xLjg5NS45NTFjLS43NzUtLjA0OS0uNzg4LS41NC0uNjg4LS45MTUuMzEtMS4xNDUgMi4wMzgtMy42NDMgMi43NzYtMy42NDMuNDggMCAuNjU5LjQ2NS42NTkgMS4wNjd6TTExMy4zNTUgMTUxLjYwNmMtLjU5OC41OTgtMS4zOTcuOTEtMi4yNzMuOTEtMS4wMSAwLTEuNzc2LS4yOS0yLjE1NC0xLjI5Ni0uMzMtLjg3NS0uMjg4LTEuNTk4LS4yODgtMS41OThzLjA3LTMuOC4xMDctNC43MjhjLjAwOC0uODYuMjA4LTQuNzE4LjIwOC00LjcxOHMwLS40Ny4zOTctLjQ3Yy4zMDcgMCAuOTMzLjI0MS44NDcuNzg1IDAgLjYxOC0uMzEgMi4xOTgtLjM4IDMuODYzcy0uMDkyIDMuODYzLS4xMDkgNC40OTJjLjQ5OC0xLjM2MSAyLjE1MS0zLjExMyAzLjM3My0zLjExMyAxLjI5NiAwIDEuNjU2IDEuMTQ1IDEuNjU2IDIuMTE0IDAgMS41MjQtLjUyNSAyLjktMS4zODQgMy43NTl6bS4yNTEtMy42MjVjMCAxLjA4NS0uMjUgMS44MjItLjg0OSAyLjU0aC0uMDAzcy0uNzY1IDEuMDItMS44OTQuOTUxYy0uNzc2LS4wNDktLjc4OS0uNTQtLjY4OC0uOTE1LjMxLTEuMTQ1IDIuMDM3LTMuNjQzIDIuNzc1LTMuNjQzLjQ4IDAgLjY2LjQ2NS42NiAxLjA2N3pNMTAxLjIxIDE1MS42MjNjLS42Mi41NjMtMS4zOTcuOTEtMi4yNzMuOTEtMS4xOTYgMC0xLjg3Ni0uMzg4LTEuODc2LS4zODggMCAzLjIxNy4xOTggMy43MDMuMTk4IDQuMzYxIDAgLjQ4My0uMzM4Ljc1Ni0uNzc3Ljc1Ni0uNDQgMC0uNTQtLjMxMS0uNTQtMS4xODMgMC0xLjIuMDgtNC40MzguMTU5LTYuODAzLjA2LTEuNzg1LjE1OC0zLjEyMi4xNTgtMy4yOTQgMC0uNDI3LjE1OS0uNTgxLjQtLjU4MS40IDAgLjg1Ny4yOS44NTcuNjc4IDAgLjM4OS0uMSAxLjE2My0uMjIgMS45NC0uMTE5Ljc3Ni0uMSAxLjc4NC0uMSAxLjc4NC40NzktMS4wNjcgMi40NDUtNC4wNTIgMy43NDEtNC4wNTIgMS4yOTcgMCAxLjY1NyAxLjE0NCAxLjY1NyAyLjExMyAwIDEuMTYzLS4xNzMgMS45OTgtLjY3MyAyLjg1MnptLjI1MS0zLjYyNWMwIDEuMDg1LS4yNTEgMS44MjMtLjg1IDIuNTRoLS4wMDJzLS43NjUgMS4wMi0xLjg5NS45NTFjLS43NzUtLjA0OC0uNzg4LS41NC0uNjg4LS45MTUuMzEtMS4xNDQgMi4wMzgtMy42NDMgMi43NzYtMy42NDMuNDc5IDAgLjY1OS40NjUuNjU5IDEuMDY3eiIgY2xpcC1ydWxlPSJldmVub2RkIiBzdHlsZT0iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguMzE3IC0xMzkuNykiIHN0cm9rZS13aWR0aD0iMC4yNjQ1ODNweCI+PC9wYXRoPjxwYXRoIGZpbGw9IiNEMkQyRDIiIGQ9Ik0xMDIuODczIDE0OS43MDNjMC0yLjE3IDEuNTE2LTMuOTU1IDIuNzkyLTMuOTU1LjkxOCAwIDEuMjU2LjQyNyAxLjI1NiAxLjE4MyAwIDEuNjEtMS43NTQgMy4xNi0yLjUxMyAzLjY2NC4xMTkuNjU5LjYzOCAxLjA2NyAxLjU5NSAxLjA2NyAxLjIzIDAgMS40ODEtLjg5IDIuMDI2LS45ODEuMTggMCAuNC4yMTMuNC4zODgtLjQ0Ni44NjItMS42NCAxLjQ0Ny0yLjYyMSAxLjQ0Ny0xLjY3NSAwLTIuOTMyLTEuMDI2LTIuOTMyLTIuODF6bTIuOTcyLTIuNzM0YzAtLjIzNC0uMS0uMzI5LS4yOC0uMzI5LS40NTkgMC0xLjM1NiAxLjUxMy0xLjM1NiAyLjkwOS41OTgtLjM2OCAxLjYzNi0xLjM5NyAxLjYzNi0yLjU4ek0xMjYuMjg3IDE0OS43MDNjMC0yLjE3IDEuNTE2LTMuOTU1IDIuNzkxLTMuOTU1LjkxOCAwIDEuMjU3LjQyNyAxLjI1NyAxLjE4MyAwIDEuNjEtMS43NTQgMy4xNi0yLjUxNCAzLjY2NC4xMi42NTguNjM4IDEuMDY3IDEuNTk2IDEuMDY3IDEuMjMgMCAxLjQ4MS0uODkgMi4wMjYtLjk4MS4xOCAwIC40LjIxMy40LjM4OC0uNDQ3Ljg2Mi0xLjY0IDEuNDQ3LTIuNjIyIDEuNDQ3LTEuNjc1IDAtMi45MzItMS4wMjYtMi45MzItMi44MXptMi45NzEtMi43MzRjMC0uMjM0LS4xLS4zMjktLjI4LS4zMjktLjQ1OCAwLTEuMzU1IDEuNTEyLTEuMzU1IDIuOTA5LjU5OC0uMzY4IDEuNjM1LTEuMzk3IDEuNjM1LTIuNTh6IiBzdHlsZT0iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguMzE3IC0xMzkuNykiIHN0cm9rZS13aWR0aD0iMC4yNjQ1ODNweCI+PC9wYXRoPjxwYXRoIGZpbGw9IiMzRTFFNUQiIGQ9Ik04OC43MTIgMTM5LjgyN2MtNC4zNjguNjY0LTEwLjgxIDUuMjE1LTEwLjM3NCA4LjkyMi4zODUgMy4yNjYgNC43MzIgNS4zMTcgOS4xMDMgNC42NTMgNC4zNjgtLjY2NCA1LjgwMy0zLjc4MiA2LjAxOC03LjA2LjEyOC01LjI1OC0uMzc2LTcuMTgxLTQuNzQ3LTYuNTE1eiIgc3R5bGU9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4LjMxNyAtMTM5LjcpIiBzdHJva2Utd2lkdGg9IjAuMjY0NTgzcHgiPjwvcGF0aD48cGF0aCBmaWxsPSIjNTkxRUQ3IiBkPSJNODkuNjk3IDEzOS44NDRjLTMuODY5LjY2LTEwLjA1NyA1LjE3My05LjY3IDguODYzLjM0IDMuMjUgNC4xOSA1LjI5MiA4LjA2MSA0LjYzIDMuODY4LS42NiA1Ljc2LTMuNzY0IDUuOTUtNy4wMjYuMTkxLTMuMjYzLS40Ny03LjEzLTQuMzQxLTYuNDY3eiIgc3R5bGU9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4LjMxNyAtMTM5LjcpIiBzdHJva2Utd2lkdGg9IjAuMjY0NTgzcHgiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTAuNjggMTQ4LjIxOGMuMjgxLjI3Mi4zMjkuNzA3LjA4OCAxLjAxLS43OC45ODgtMi4xMjIgMS43NzItMy44MjMgMS43NzJzLTMuMDgtLjc1NC0zLjgyOS0xLjcyOGEuNzc0Ljc3NCAwIDAgMSAuMDcyLTEuMDM0LjgyNS44MjUgMCAwIDEgMS4wNS0uMDdjMi41OCAxLjk1MiAzLjM0NiAxLjgxMSA0LjU0NiAxLjI0MyAxLjItLjU2OSAxLjQtMS40NzYgMS44NjgtMS4yMjJsLjAzMi4wMzF6TTkxLjQ1OSAxNDcuMDg5YS44OTUuODk1IDAgMCAwIC45MDctLjg4Mi44OTUuODk1IDAgMCAwLS45MDctLjg4Mi44OTUuODk1IDAgMCAwLS45MDguODgyYzAgLjQ4Ny40MDcuODgyLjkwOC44ODJ6IiBzdHlsZT0iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguMzE3IC0xMzkuNykiIHN0cm9rZS13aWR0aD0iMC4yNjQ1ODNweCI+PC9wYXRoPjxwYXRoIGZpbGw9IiNEMkQyRDIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyMi45NDggMTQ4LjQyNWMuMDE0LS45NDYuMDMyLTEuOTczLjAzMi0xLjk3M3MuMDMtMi43ODQuMjM1LTQuMTI3Yy4xMi0uNzc2LjIyLTEuNTUuMjItMS45MzkgMC0uMzg4LS40NTgtLjY3OS0uODU3LS42NzktLjI0MSAwLS40LjE1NS0uNC41ODIgMCAuMDU2LS4wMS4yMzYtLjAyNy41MTYtLjAzMy41NzctLjA5IDEuNTc2LS4xMzIgMi43NzctLjA3OCAyLjM1LS4xNDUgNS4wMzgtLjE0NiA2LjI1bC0uMDAyLjAwNGMuMDczIDEuODMuODcxIDIuNjggMi40MDcgMi42OC43MiAwIDEuODk3LTEuMDA0IDEuOTg1LTEuMzkyLjA1LS4yMTQtLjEwMy0uNDEtLjMwMi0uNDA1LS4xMjQgMC0uMjI2LjA4NC0uMzYzLjE5NS0uMjM4LjE5NC0uNTc5LjQ3Mi0xLjMyLjU0Mi0xLjI0My4xMTgtMS4zNDgtMS4xMDMtMS4zNC0yLjMwMmwuMDA1LS4zOXYtLjAxMmMuMDAyLS4xMTEuMDA0LS4yMi4wMDQtLjMyOHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3R5bGU9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4LjMxNyAtMTM5LjcpIiBzdHJva2Utd2lkdGg9IjAuMjY0NTgzcHgiPjwvcGF0aD48L3N2Zz4=");
.status__visibility-icon i,
.detailed-status__meta i {
filter: grayscale(1) brightness(2);
.detailed-status__meta i,
.column-header__icon {
filter: grayscale(1) brightness(2) !important;
}
}
.theme-contrast {
.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input {
&::placeholder {
color: white;
}
}
.muted .status__content, .muted .status__content a, .muted .status__content p, .muted .status__display-name strong {
color: #d3d3d3;
}
.emoji-mart-anchor {
color: white !important;
}
.emoji-mart-anchor-selected {
color: #6a44dd !important;
}
.layout-single-column .navigation-panel .navigation-panel__legal i {
filter: brightness(1) invert(34%) sepia(77%) saturate(5797%) hue-rotate(247deg) brightness(91%) contrast(89%) !important;
}
.status__action-bar .icon-button {
filter: brightness(2);
}
}
.theme-mastodon-light {
Expand All @@ -24,14 +49,22 @@
.actions-modal a {
color: black !important;
}
.actions-modal .dropdown-menu__separator, .actions-modal .status {
.actions-modal .dropdown-menu__separator,
.actions-modal .status {
border-bottom: 1px solid #2C355D;
opacity: .5;
}
.dropdown-menu__item a:hover {
background: #6A44DD;
}
.actions-modal ul li:not(:empty) a.active, .actions-modal ul li:not(:empty) a.active button, .actions-modal ul li:not(:empty) a:active, .actions-modal ul li:not(:empty) a:active button, .actions-modal ul li:not(:empty) a:focus, .actions-modal ul li:not(:empty) a:focus button, .actions-modal ul li:not(:empty) a:hover, .actions-modal ul li:not(:empty) a:hover button {
.actions-modal ul li:not(:empty) a.active,
.actions-modal ul li:not(:empty) a.active button,
.actions-modal ul li:not(:empty) a:active,
.actions-modal ul li:not(:empty) a:active button,
.actions-modal ul li:not(:empty) a:focus,
.actions-modal ul li:not(:empty) a:focus button,
.actions-modal ul li:not(:empty) a:hover,
.actions-modal ul li:not(:empty) a:hover button {
background: #6A44DD;
color: white !important;
}
Expand Down Expand Up @@ -86,8 +119,10 @@
background: var(--background);
}
.layout-single-column {
.button.button-secondary {
.button.button-secondary,
.button.button-tertiary {
border: 0;
color: white;
}
.status--in-thread {
border-bottom: 0 !important;
Expand Down Expand Up @@ -356,6 +391,7 @@
i {
width: 15px;
height: 15px;
filter: brightness(2);
&::before {
visibility: hidden;
}
Expand Down Expand Up @@ -463,7 +499,7 @@
.list-editor,
.drawer__inner {
background: var(--secondary-background);
color: white;
color: var(--text-color);
}
.block-modal__cancel-button,
.confirmation-modal__cancel-button,
Expand Down Expand Up @@ -682,5 +718,5 @@
}
}
.link-footer p:first-child::after {
content: " · Pebble theme for Mastodon v1.0.2 by @blobcat@pebble.social";
content: " · Pebble theme for Mastodon v1.0.4 by @blobcat@pebble.social";
}

0 comments on commit 01c3b8d

Please sign in to comment.