89 lines
1.8 KiB
CSS
89 lines
1.8 KiB
CSS
/* style.css — greyer dark mode, muted neon accents */
|
|
|
|
window {
|
|
background-color: rgba(40, 40, 40, 0.6);
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
.clickable {
|
|
border-radius: 6px;
|
|
transition: border-color 0.2s ease,
|
|
box-shadow 0.2s ease,
|
|
background-color 0.2s ease;
|
|
}
|
|
|
|
/* Titles */
|
|
.output-title {
|
|
font-weight: bold;
|
|
font-size: large;
|
|
padding-left: 5px;
|
|
margin-bottom: 6px;
|
|
color: #60CFA8; /* subdued neon mint */
|
|
}
|
|
|
|
/* Workspace containers */
|
|
.clickable.workspace {
|
|
background-color: rgba(50, 50, 50, 0.5);
|
|
border: 1px solid rgba(7, 181, 176, 0.6); /* softer turquoise */
|
|
margin: 4px 0;
|
|
padding: 6px;
|
|
}
|
|
|
|
.clickable.workspace:hover {
|
|
border: 1px solid #20D2A0; /* peppermint accent */
|
|
box-shadow: 0 0 8px rgba(32, 210, 160, 0.4);
|
|
}
|
|
|
|
.clickable.workspace-focused {
|
|
border: 2px solid #07B5B0; /* muted neon turquoise */
|
|
box-shadow: 0 0 8px rgba(7, 181, 176, 0.5);
|
|
}
|
|
|
|
.ws-title {
|
|
font-weight: bold;
|
|
font-size: small;
|
|
padding-left: 2px;
|
|
margin-bottom: 4px;
|
|
color: #4FAF8F; /* alt subdued mint */
|
|
}
|
|
|
|
/* Application icons/containers */
|
|
.clickable.app-container {
|
|
background-color: rgba(50, 50, 50, 0.4);
|
|
border: 1px solid rgba(7, 181, 176, 0.6);
|
|
margin: 2px;
|
|
padding: 4px;
|
|
}
|
|
|
|
.clickable.app-container:hover {
|
|
background-color: rgba(50, 50, 50, 0.6);
|
|
border: 1px solid #20D2A0;
|
|
box-shadow: 0 0 6px rgba(32, 210, 160, 0.4);
|
|
}
|
|
|
|
.clickable.window-focused {
|
|
border: 2px solid #60CFA8; /* subdued neon mint */
|
|
box-shadow: 0 0 6px rgba(96, 207, 168, 0.5);
|
|
}
|
|
|
|
.clickable.window-focused label {
|
|
color: #07B5B0; /* muted neon turquoise */
|
|
font-weight: bold;
|
|
}
|
|
|
|
.glyph-label {
|
|
font-size: 24px;
|
|
color: #20D2A0; /* peppermint accent */
|
|
}
|
|
|
|
.app-label {
|
|
font-size: x-small;
|
|
color: #BBBBBB;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.clickable:hover {
|
|
background-color: rgba(50, 50, 50, 0.7);
|
|
}
|
|
|