a fork of iceshrimp.net but a tweaked frontend to my personal liking. waow
fediverse social-media social iceshrimp fedi
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

[frontend/components] restyle sidebar nav

authored by

AntoineÐ and committed by
Lilian
9b9a1d35 00053544

+26 -7
+23 -5
Iceshrimp.Frontend/Layout/Sidebar.razor.css
··· 7 7 8 8 ::deep { 9 9 .active { 10 - > .sidebar-btn { 10 + >.sidebar-btn { 11 11 background: var(--highlight-color); 12 + color: var(--link); 12 13 } 13 14 14 - > .bottom-bar-btn { 15 + >.bottom-bar-btn { 15 16 background: var(--highlight-color); 16 17 } 17 18 } ··· 71 72 height: 2.5rem; 72 73 align-items: center; 73 74 justify-content: start; 74 - border-radius: 1.25rem; 75 + border-radius: var(--btn-radius); 75 76 padding-inline: 1rem; 76 77 margin-bottom: 0.5rem; 77 78 margin-inline: 1rem; 78 - color: white; 79 + color: var(--font-color); 79 80 font-size: 0.9em; 80 - background: var(--foreground-color); 81 81 82 82 > .icon-wrapper { 83 83 padding-right: 0.5rem; 84 + font-size: 1.5em !important; 85 + /* why is there a style=“font-size: 16px” in the DOM? remove it !important when it's fixed */ 84 86 } 85 87 } 86 88 ··· 90 92 91 93 .post-btn { 92 94 background: var(--accent-color); 95 + color: var(--foreground-color); 96 + } 97 + 98 + .sidebar { 99 + .post-btn { 100 + display: flex; 101 + justify-content: center; 102 + padding: 2rem; 103 + font-weight: bold; 104 + position: relative; 105 + 106 + i { 107 + left: 1em; 108 + position: absolute; 109 + } 110 + } 93 111 } 94 112 95 113 .rule {
+3 -2
Iceshrimp.Frontend/wwwroot/css/app.css
··· 17 17 --foreground-color: #17151e; 18 18 --highlight-color: #2e2b4c; 19 19 --hover-color: #3d3a66; 20 - --accent-primary-color: #7b74cc; 21 - --accent-secondary-color: #685bc4; 20 + --accent-primary-color: #685bc4; 21 + --accent-secondary-color: #7b74cc; 22 22 --accent-color: linear-gradient(to right, var(--accent-primary-color), var(--accent-secondary-color)); 23 23 --notice-color: #92c1ff; 24 24 --warning-color: #ffdf91; 25 25 --danger-color: #ff9191; 26 26 --font-color: #e7edff; 27 27 --link: #9E9EFF; 28 + --btn-radius: 1.25rem; 28 29 29 30 overscroll-behavior-y: none; 30 31 }