sd/akkoma-fe-iceshrimp
2
0
Fork 0
Code Pull requests Activity

needs more !important. also trashcan

Browse source
This commit is contained in:
Ruben 2025-08-02 00:04:17 -05:00
commit bb35a9e522
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
2 changed files with 34 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

65
static/custom.css
View file

@ -133,7 +133,12 @@ label.Select svg {
/* edited timestamp changes */ /* edited timestamp changes */
.heading-edited-row { .heading-edited-row {
color: var(--faint); color: var(--faint) !important;
}
/* global "reply to" header changes */
.heading-reply-row .reply-glued-label .shortName {
color: var(--accent) !important;
} }
/* regular posts style changes */ /* regular posts style changes */
@ -143,12 +148,8 @@ label.Select svg {
.reply-glued-label { .reply-glued-label {
background-color: var(--selectedPost); background-color: var(--selectedPost);
border-radius: var(--tooltipRadius); border-radius: var(--tooltipRadius);
color: var(--text); color: var(--text) !important;
padding: 0.3rem; padding: 0.3rem !important;
.shortName {
color: var(--accent);
}
} }
} }
} }
@ -169,19 +170,18 @@ label.Select svg {
background-color: var(--bg) !important; background-color: var(--bg) !important;
border-radius: 10px !important; border-radius: 10px !important;
box-shadow: var(--panelShadow) !important; box-shadow: var(--panelShadow) !important;
padding: unset; /* conflicts weirdly */ padding: unset !important; /* conflicts weirdly */
.status-heading, .status-heading, .status-actions {
.status-actions { background-color: var(--selectedPost) !important; /* set background color back to elements */
background-color: var(--selectedPost); /* set background color back to elements */
} }
.status-heading { .status-heading {
border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0; border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0 !important;
padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) .3rem var(--status-margin, 0.75em); padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) .3rem var(--status-margin, 0.75em) !important;
.reply-glued-label { .reply-glued-label {
padding-bottom: .3rem; padding-bottom: .3rem !important;
} }
} }
@ -191,16 +191,16 @@ label.Select svg {
} }
.replies { .replies {
margin-bottom: .5rem; margin-bottom: .5rem !important;
margin-left: .5rem; margin-left: .5rem !important;
margin-right: .5rem; /* in case of overflow */ margin-right: .5rem !important; /* in case of overflow */
margin-top: unset !important; margin-top: unset !important;
} }
.favs-repeated-users { .favs-repeated-users {
margin-bottom: .5rem; margin-bottom: .5rem !important;
margin-left: .5rem; margin-left: .5rem !important;
margin-right: .5rem; /* in case of overflow */ margin-right: .5rem !important; /* in case of overflow */
} }
.emoji-reactions { .emoji-reactions {
@ -208,21 +208,21 @@ label.Select svg {
&:has(button) { &:has(button) {
border-bottom: unset !important; border-bottom: unset !important;
display: flex; display: flex !important;
margin-bottom: .3rem; margin-bottom: .3rem !important;
margin-top: -.3rem; margin-top: -.3rem !important;
} }
} }
.status-actions { .status-actions {
border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px); border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px) !important;
border-top: 1px solid var(--faint); border-top: 1px solid var(--faint) !important;
margin-top: unset !important; margin-top: unset !important;
padding: var(--status-margin, 0.75em); padding: var(--status-margin, 0.75em) !important;
width: unset !important; /* width 100% breaks it here */ width: unset !important; /* width 100% breaks it here */
.ExtraButtons { .ExtraButtons {
flex: 0; flex: 0 !important;
} }
} }
} }
@ -243,12 +243,12 @@ label.Select svg {
.repeat-info { .repeat-info {
.left-side { .left-side {
/* profile picture */ /* profile picture */
margin-top: .6rem; margin-top: .6rem !important;
} }
.right-side { .right-side {
background-color: var(--selectedPost) !important; background-color: var(--selectedPost) !important;
border-bottom: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0 !important; border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0 !important;
padding: var(--status-margin) !important; /* "starting to notice a trend where this var is fixing everything" */ padding: var(--status-margin) !important; /* "starting to notice a trend where this var is fixing everything" */
} }
@ -257,14 +257,14 @@ label.Select svg {
/* less obnoxious username */ /* less obnoxious username */
.account-name { .account-name {
color: var(--faint); color: var(--faint) !important;
} }
/* sidebar changes (why do they all use the ugly link color) */ /* sidebar changes (why do they all use the ugly link color) */
.NavPanel { .NavPanel {
li .menu-item { li .menu-item {
border-radius: unset !important; border-radius: unset !important;
color: var(--text); color: var(--text) !important;
} }
} }
@ -287,7 +287,7 @@ label.Select svg {
/* alt text button */ /* alt text button */
.attachment-button:has(.fa-align-right) { .attachment-button:has(.fa-align-right) {
svg { svg {
display: none; display: none !important;
} }
color: var(--btnText, #b9b9ba); color: var(--btnText, #b9b9ba);
@ -495,6 +495,7 @@ label.Select svg {
.fa-thumbs-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m243.78 156.53l-12-96A28 28 0 0 0 204 36H32a20 20 0 0 0-20 20v88a20 20 0 0 0 20 20h40.58l36.69 73.37A12 12 0 0 0 120 244a44.05 44.05 0 0 0 44-44v-12h52a28 28 0 0 0 27.78-31.47M68 140H36V60h32Zm151 22.65a4 4 0 0 1-3 1.35h-64a12 12 0 0 0-12 12v24a20 20 0 0 1-13.18 18.8L92 149.17V60h112a4 4 0 0 1 4 3.5l12 96a4 4 0 0 1-1 3.15'/%3E%3C/svg%3E"); } /* thumbs-down */ .fa-thumbs-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m243.78 156.53l-12-96A28 28 0 0 0 204 36H32a20 20 0 0 0-20 20v88a20 20 0 0 0 20 20h40.58l36.69 73.37A12 12 0 0 0 120 244a44.05 44.05 0 0 0 44-44v-12h52a28 28 0 0 0 27.78-31.47M68 140H36V60h32Zm151 22.65a4 4 0 0 1-3 1.35h-64a12 12 0 0 0-12 12v24a20 20 0 0 1-13.18 18.8L92 149.17V60h112a4 4 0 0 1 4 3.5l12 96a4 4 0 0 1-1 3.15'/%3E%3C/svg%3E"); } /* thumbs-down */
.fa-thumbs-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M237 77.47A28 28 0 0 0 216 68h-52V56a44.05 44.05 0 0 0-44-44a12 12 0 0 0-10.73 6.63L72.58 92H32a20 20 0 0 0-20 20v88a20 20 0 0 0 20 20h172a28 28 0 0 0 27.78-24.53l12-96a28 28 0 0 0-6.78-22M36 116h32v80H36Zm184-19.5l-12 96a4 4 0 0 1-4 3.5H92v-89.17l34.82-69.63A20 20 0 0 1 140 56v24a12 12 0 0 0 12 12h64a4 4 0 0 1 4 4.5'/%3E%3C/svg%3E"); } /* thumbs-up */ .fa-thumbs-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M237 77.47A28 28 0 0 0 216 68h-52V56a44.05 44.05 0 0 0-44-44a12 12 0 0 0-10.73 6.63L72.58 92H32a20 20 0 0 0-20 20v88a20 20 0 0 0 20 20h172a28 28 0 0 0 27.78-24.53l12-96a28 28 0 0 0-6.78-22M36 116h32v80H36Zm184-19.5l-12 96a4 4 0 0 1-4 3.5H92v-89.17l34.82-69.63A20 20 0 0 1 140 56v24a12 12 0 0 0 12 12h64a4 4 0 0 1 4 4.5'/%3E%3C/svg%3E"); } /* thumbs-up */
.fa-tooth { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M172.46 83.15L160.31 88l12.15 4.85a12 12 0 1 1-8.92 22.29L128 100.93l-35.54 14.22a12 12 0 0 1-8.92-22.29L95.69 88l-12.15-4.85a12 12 0 0 1 8.92-22.29L128 75.08l35.54-14.22a12 12 0 0 1 8.92 22.29m55.54-3.4c.08 76.45-25.2 135.68-49 152.59a20 20 0 0 1-31.44-14.92c-.67-9.06-2.33-22-6.46-32.23C135.76 172 129.92 172 128 172c-7.76 0-11.77 9.92-13.08 13.18c-4.13 10.22-5.79 23.17-6.46 32.23A20 20 0 0 1 88.51 236A19.86 19.86 0 0 1 77 232.34C53.2 215.43 27.92 156.2 28 79.75A60 60 0 0 1 88 20h80a60 60 0 0 1 60 59.75m-24 0A36 36 0 0 0 168 44H88a36 36 0 0 0-36 35.78c-.06 61.09 17.83 109.52 33.3 127.66C91.24 156 114.32 148 128 148s36.76 8 42.7 59.43c15.47-18.12 33.36-66.55 33.3-127.65Z'/%3E%3C/svg%3E"); } /* tooth */ .fa-tooth { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M172.46 83.15L160.31 88l12.15 4.85a12 12 0 1 1-8.92 22.29L128 100.93l-35.54 14.22a12 12 0 0 1-8.92-22.29L95.69 88l-12.15-4.85a12 12 0 0 1 8.92-22.29L128 75.08l35.54-14.22a12 12 0 0 1 8.92 22.29m55.54-3.4c.08 76.45-25.2 135.68-49 152.59a20 20 0 0 1-31.44-14.92c-.67-9.06-2.33-22-6.46-32.23C135.76 172 129.92 172 128 172c-7.76 0-11.77 9.92-13.08 13.18c-4.13 10.22-5.79 23.17-6.46 32.23A20 20 0 0 1 88.51 236A19.86 19.86 0 0 1 77 232.34C53.2 215.43 27.92 156.2 28 79.75A60 60 0 0 1 88 20h80a60 60 0 0 1 60 59.75m-24 0A36 36 0 0 0 168 44H88a36 36 0 0 0-36 35.78c-.06 61.09 17.83 109.52 33.3 127.66C91.24 156 114.32 148 128 148s36.76 8 42.7 59.43c15.47-18.12 33.36-66.55 33.3-127.65Z'/%3E%3C/svg%3E"); } /* tooth */
.fa-trash-can { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216 48h-36V36a28 28 0 0 0-28-28h-48a28 28 0 0 0-28 28v12H40a12 12 0 0 0 0 24h4v136a20 20 0 0 0 20 20h128a20 20 0 0 0 20-20V72h4a12 12 0 0 0 0-24M100 36a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v12h-56Zm88 168H68V72h120Zm-72-100v64a12 12 0 0 1-24 0v-64a12 12 0 0 1 24 0m48 0v64a12 12 0 0 1-24 0v-64a12 12 0 0 1 24 0'/%3E%3C/svg%3E"); } /* trash */
.fa-up-right-from-square { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 104a12 12 0 0 1-24 0V69l-59.51 59.51a12 12 0 0 1-17-17L187 52h-35a12 12 0 0 1 0-24h64a12 12 0 0 1 12 12Zm-44 24a12 12 0 0 0-12 12v64H52V84h64a12 12 0 0 0 0-24H48a20 20 0 0 0-20 20v128a20 20 0 0 0 20 20h128a20 20 0 0 0 20-20v-68a12 12 0 0 0-12-12'/%3E%3C/svg%3E"); } /* arrow-square-out */ .fa-up-right-from-square { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M228 104a12 12 0 0 1-24 0V69l-59.51 59.51a12 12 0 0 1-17-17L187 52h-35a12 12 0 0 1 0-24h64a12 12 0 0 1 12 12Zm-44 24a12 12 0 0 0-12 12v64H52V84h64a12 12 0 0 0 0-24H48a20 20 0 0 0-20 20v128a20 20 0 0 0 20 20h128a20 20 0 0 0 20-20v-68a12 12 0 0 0-12-12'/%3E%3C/svg%3E"); } /* arrow-square-out */
.fa-upload { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M188 184a16 16 0 1 1 16-16a16 16 0 0 1-16 16m36-68h-44a12 12 0 0 0 0 24h40v56H36v-56h40a12 12 0 0 0 0-24H32a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20v-64a20 20 0 0 0-20-20M88.49 80.49L116 53v75a12 12 0 0 0 24 0V53l27.51 27.52a12 12 0 1 0 17-17l-48-48a12 12 0 0 0-17 0l-48 48a12 12 0 1 0 17 17Z'/%3E%3C/svg%3E"); } /* upload */ .fa-upload { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M188 184a16 16 0 1 1 16-16a16 16 0 0 1-16 16m36-68h-44a12 12 0 0 0 0 24h40v56H36v-56h40a12 12 0 0 0 0-24H32a20 20 0 0 0-20 20v64a20 20 0 0 0 20 20h192a20 20 0 0 0 20-20v-64a20 20 0 0 0-20-20M88.49 80.49L116 53v75a12 12 0 0 0 24 0V53l27.51 27.52a12 12 0 1 0 17-17l-48-48a12 12 0 0 0-17 0l-48 48a12 12 0 1 0 17 17Z'/%3E%3C/svg%3E"); } /* upload */
.fa-user { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M234.38 210a123.36 123.36 0 0 0-60.78-53.23a76 76 0 1 0-91.2 0A123.36 123.36 0 0 0 21.62 210a12 12 0 1 0 20.77 12c18.12-31.32 50.12-50 85.61-50s67.49 18.69 85.61 50a12 12 0 0 0 20.77-12M76 96a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52'/%3E%3C/svg%3E"); } /* user */ .fa-user { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M234.38 210a123.36 123.36 0 0 0-60.78-53.23a76 76 0 1 0-91.2 0A123.36 123.36 0 0 0 21.62 210a12 12 0 1 0 20.77 12c18.12-31.32 50.12-50 85.61-50s67.49 18.69 85.61 50a12 12 0 0 0 20.77-12M76 96a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52'/%3E%3C/svg%3E"); } /* user */

2
static/custom.min.css vendored
View file

File diff suppressed because one or more lines are too long