rainbownapkin/canopy
1
0
Fork 0
Code Issues 2 Pull requests Actions Packages Projects Releases Wiki Activity

started seperating out theme css by page

Browse source
This commit is contained in:
rainbow napkin 2024-12-06 08:40:39 -05:00
parent 3d184f29da
commit 920948bcc1
1 changed files with 30 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
www/css/theme/movie-night.css
View file

@ -14,6 +14,7 @@ GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
/* global */
:root{ :root{
--main-font: "open-sans", system-ui; --main-font: "open-sans", system-ui;
--bg0: rgb(158, 158, 158); --bg0: rgb(158, 158, 158);
@ -35,7 +36,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
--focus0: rgb(51, 153, 51); --focus0: rgb(51, 153, 51);
--userlist-color0:rgb(87, 145, 97); --userlist-color0:rgb(63, 121, 71);
--userlist-color1:rgb(143, 46, 26); --userlist-color1:rgb(143, 46, 26);
--userlist-color2:rgb(51, 101, 161); --userlist-color2:rgb(51, 101, 161);
--userlist-color3:rgb(110, 94, 13); --userlist-color3:rgb(110, 94, 13);
@ -80,6 +81,8 @@ button{
border: none; border: none;
} }
/* navbar */
#navbar{ #navbar{
background-color: var(--bg1); background-color: var(--bg1);
} }
@ -97,6 +100,8 @@ a:hover.navbar-item{
background-color: var(--bg1-alt0); background-color: var(--bg1-alt0);
} }
/* index */
.channel-guide-entry{ .channel-guide-entry{
background-color: var(--bg1); background-color: var(--bg1);
color: var(--accent1); color: var(--accent1);
@ -127,10 +132,13 @@ p.channel-guide-entry-item{
background-color: var(--bg1-alt0); background-color: var(--bg1-alt0);
} }
/* account settings */
a#account-settings-delete-link{ a#account-settings-delete-link{
color: var(--accent0-warning); color: var(--accent0-warning);
} }
/* channel settings/admin panel mixed */
#channel-delete, #ban-popup-ban-button, #new-ban-button{ #channel-delete, #ban-popup-ban-button, #new-ban-button{
background-color: var(--accent0-warning); background-color: var(--accent0-warning);
color: var(--accent1); color: var(--accent1);
@ -168,6 +176,26 @@ a:hover.admin-list-entry-item{
color: var(--accent1-alt0); color: var(--accent1-alt0);
} }
.admin-list-new-span{
background-color: white;
border-radius: 1em;
}
.admin-list-new-span:focus-within{
box-shadow: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0);
}
.admin-list-new-input{
border: none;
}
.admin-list-new-input:focus{
border: none;
outline: none;
}
/* channel */
#media-panel-div{ #media-panel-div{
background-color: black; background-color: black;
} }
@ -276,24 +304,7 @@ select.panel-head-element{
border-bottom: solid 1px var(--accent0); border-bottom: solid 1px var(--accent0);
} }
.admin-list-new-span{ /* popup */
background-color: white;
border-radius: 1em;
}
.admin-list-new-span:focus-within{
box-shadow: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0);
}
.admin-list-new-input{
border: none;
}
.admin-list-new-input:focus{
border: none;
outline: none;
}
.popup-backer{ .popup-backer{
background-color: var(--bg0-alpha1); background-color: var(--bg0-alpha1);