mirror of
https://github.com/arduino/arduino-ide.git
synced 2025-11-08 01:48:32 +00:00
99 lines
2.0 KiB
CSS
99 lines
2.0 KiB
CSS
.library-tab-icon {
|
|
-webkit-mask: url('library-tab-icon.svg');
|
|
mask: url('library-tab-icon.svg');
|
|
}
|
|
|
|
.arduino-list-widget {
|
|
color: var(--theia-ui-font-color1);
|
|
}
|
|
|
|
.arduino-list-widget .search-bar {
|
|
margin: 0 10px 0 15px;
|
|
border-color: var(--theia-border-color3);
|
|
}
|
|
|
|
.arduino-list-widget .search-bar:focus {
|
|
border-color: var(--theia-accent-color3);
|
|
}
|
|
|
|
.filterable-list-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.component-list-item {
|
|
padding: 10px 10px 10px 15px;
|
|
font-size: var(--theia-ui-font-size1);
|
|
}
|
|
|
|
.component-list-item:hover {
|
|
background: var(--theia-accent-color4);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.component-list-item:hover .meta-info {
|
|
color: var(--theia-ui-font-color1);
|
|
}
|
|
|
|
.component-list-item .meta-info {
|
|
color: var(--theia-ui-font-color3);
|
|
}
|
|
|
|
.component-list-item .header {
|
|
padding-bottom: 2px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.component-list-item .header .version-info {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.component-list-item .header .name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.component-list-item .header .author {
|
|
font-weight: bold;
|
|
color: var(--theia-ui-font-color2);
|
|
}
|
|
|
|
.component-list-item .header .version {
|
|
color: var(--theia-ui-font-color2);
|
|
}
|
|
|
|
.component-list-item .header .installed {
|
|
margin-left: 4px;
|
|
justify-self: end;
|
|
background-color: var(--theia-accent-color2);
|
|
padding: 2px 4px 2px 4px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
max-height: calc(1em + 4px);
|
|
color: var(--theia-inverse-ui-font-color0);
|
|
}
|
|
|
|
.component-list-item .footer {
|
|
padding-top: 5px;
|
|
display: flex;
|
|
}
|
|
|
|
.component-list-item .footer a {
|
|
color: var(--theia-brand-color1);
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
}
|
|
.component-list-item .footer .install {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.component-list-item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.component-list-item strong.installed {
|
|
color: rgb(0, 151, 157)
|
|
} |