settings
code:style.css
htmldata-project-theme=default{
--body-bg:#008080;
--navbar-bg:#c0c0c0;
--card-title-color:#000;
--card-description-color:#000;
}
.page-list ul.grid {
grid-template-columns: 1fr;
max-width: 600px;
max-height: 200px;
}
.grid li {
aspect-ratio: auto;
}
#app-container > div > div> div.page-list > ul > li > a > div.content > div.icon{
display:none;
}
#app-container > div > div> div.page-list{
display: flex;
justify-content: center;
align-items: center;
}
#app-container > div > div> div.page-list > ul > li> a > div.content > div.description{
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.grid li.page-list-item a .header{
padding-left: 20px;
padding-top: 15px;
padding-bottom: 2px;
}
.grid li.page-list-item a .content{
height:100%;
}
.grid li {
min-height:65px;
}
#app-container > div > div > div.page-list > ul > li > a{
background-color: #c0c0c0;
border: 2px solid #ffffff;
border-right-color: #808080;
border-bottom-color: #808080;
padding-left: 1rem; /* px-4 */
padding-right: 1rem; /* px-4 */
padding-top: 0.5rem; /* py-2 */
padding-bottom: 0.5rem; /* py-2 */
display: flex;
align-items: center;
gap: 0.5rem; /* space-x-2 */
color: #000000;
}
#app-container > div > div > div.page-list > ul > li > a:hover{
background-color: #d0d0d0;
}
#app-container > div > div > div.page-list > ul > li > a:active{
border-color: #808080;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
}
.grid li.page-list-item a .header{
border-top:none;
}
body{
color:#000 !important;
}
.navbar{
background-color: #c0c0c0;
border: 2px solid #ffffff;
border-right-color: #808080;
border-bottom-color: #808080;
padding-left: 1rem; /* px-4 */
padding-right: 1rem; /* px-4 */
padding-top: 0.5rem; /* py-2 */
padding-bottom: 0.5rem; /* py-2 */
gap: 0.5rem; /* space-x-2 */
color: #000000;
}
.grid li.page-list-item a .pin{
background:none;
}
#app-container > div > div > div.quick-launch > div > div > div > a{
background-color: #c0c0c0;
border: 2px solid #ffffff;
border-right-color: #808080;
border-bottom-color: #808080;
padding-left: 1rem; /* px-4 */
padding-right: 1rem; /* px-4 */
padding-top: 0.5rem; /* py-2 */
padding-bottom: 0.5rem; /* py-2 */
gap: 0.5rem; /* space-x-2 */
color: #000000;
}
.quick-launch .flex-box {
justify-content: center;
}
#app-container > div > div.footer > div{
background-color: #c0c0c0;
border: 2px solid #ffffff;
border-right-color: #808080;
border-bottom-color: #808080;
padding-left: 1rem; /* px-4 */
padding-right: 1rem; /* px-4 */
padding-top: 0.5rem; /* py-2 */
padding-bottom: 0.5rem; /* py-2 */
gap: 0.5rem; /* space-x-2 */
color: #000000;
}
.status-bar>div {
border-top: none;
border-left: none;
background-color: #c0c0c0;;
}