mirror of
https://github.com/Theaninova/TheaninovOS.git
synced 2025-12-12 03:26:17 +00:00
376 lines
8.0 KiB
CSS
376 lines
8.0 KiB
CSS
syntax error
|
|
|
|
* {
|
|
font-size: 14px;
|
|
font-family: "Noto Sans";
|
|
transition: 100ms;
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.control-center .notification-row {
|
|
background-color: unset;
|
|
}
|
|
|
|
.control-center .notification-row .notification-background .notification,
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
.notification-content,
|
|
.floating-notifications
|
|
.notification-row
|
|
.notification-background
|
|
.notification,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification
|
|
.notification-content {
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
.control-center .notification-row .notification-background .notification {
|
|
margin-top: 0.15rem;
|
|
}
|
|
|
|
.control-center .notification-row .notification-background .notification box,
|
|
.control-center .notification-row .notification-background .notification widget,
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
.notification-content,
|
|
.floating-notifications
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
box,
|
|
.floating-notifications
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
widget,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification
|
|
.notification-content {
|
|
border: unset;
|
|
border-radius: 1.159rem;
|
|
-gtk-outline-radius: 1.159rem;
|
|
}
|
|
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification
|
|
.notification-content,
|
|
.control-center .notification-background .notification .notification-content {
|
|
background-color: {{colors.background.default.hex}};
|
|
padding: 0.818rem;
|
|
padding-right: unset;
|
|
margin-right: unset;
|
|
}
|
|
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification.low
|
|
.notification-content
|
|
label,
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification.normal
|
|
.notification-content
|
|
label,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification.low
|
|
.notification-content
|
|
label,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification.normal
|
|
.notification-content
|
|
label {
|
|
color: {{colors.outline.default.hex}};
|
|
}
|
|
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification..notification-content
|
|
image,
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification.normal
|
|
.notification-content
|
|
image,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification.low
|
|
.notification-content
|
|
image,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification.normal
|
|
.notification-content
|
|
image {
|
|
background-color: {{colors.surface_container_high.default.hex}};
|
|
color: {{colors.on_surface.default.hex}};
|
|
}
|
|
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification.critical
|
|
.notification-content,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification.critical
|
|
.notification-content {
|
|
background-color: {{colors.surface_container_high.default.hex}};
|
|
color: {{colors.on_surface.default.hex}};
|
|
}
|
|
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
.notification-content
|
|
.summary,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification
|
|
.notification-content
|
|
.summary {
|
|
font-family: "Noto Sans", sans-serif;
|
|
font-size: 0.9909rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
.notification-content
|
|
.time,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification
|
|
.notification-content
|
|
.time {
|
|
font-family: "Noto Sans", sans-serif;
|
|
font-size: 0.8291rem;
|
|
font-weight: 500;
|
|
margin-right: 1rem;
|
|
padding-right: unset;
|
|
}
|
|
|
|
.control-center
|
|
.notification-row
|
|
.notification-background
|
|
.notification
|
|
.notification-content
|
|
.body,
|
|
.floating-notifications.background
|
|
.notification-background
|
|
.notification
|
|
.notification-content
|
|
.body {
|
|
font-family: "Noto Sans", sans-serif;
|
|
font-size: 0.8891rem;
|
|
font-weight: 400;
|
|
margin-top: 0.31rem;
|
|
padding-right: unset;
|
|
margin-right: unset;
|
|
}
|
|
|
|
.control-center .notification-row .close-button,
|
|
.floating-notifications.background .close-button {
|
|
background-color: unset;
|
|
border-radius: 100%;
|
|
border: none;
|
|
box-shadow: none;
|
|
margin-right: 13px;
|
|
margin-top: 6px;
|
|
margin-bottom: unset;
|
|
padding-bottom: unset;
|
|
min-height: 20px;
|
|
min-width: 20px;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.control-center .notification-row .close-button:hover,
|
|
.floating-notifications.background .close-button:hover {
|
|
background-color: rgba({{colors.background.default.red}}, {{colors.background.default.green}}, {{colors.background.default.blue}}, 0.15);
|
|
}
|
|
|
|
.control-center {
|
|
border-radius: 1.705rem;
|
|
-gtk-outline-radius: 1.705rem;
|
|
border-top: 1px solid rgba(164, 162, 167, 0.19);
|
|
border-left: 1px solid rgba(164, 162, 167, 0.19);
|
|
border-right: 1px solid rgba(128, 127, 132, 0.145);
|
|
border-bottom: 1px solid rgba(128, 127, 132, 0.145);
|
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45);
|
|
margin: 7px;
|
|
background-color: {{colors.background.default.hex}};
|
|
padding: 1.023rem;
|
|
}
|
|
|
|
.control-center trough {
|
|
border-radius: 9999px;
|
|
-gtk-outline-radius: 9999px;
|
|
min-width: 0.545rem;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.control-center slider {
|
|
border-radius: 9999px;
|
|
-gtk-outline-radius: 9999px;
|
|
min-width: 0.273rem;
|
|
min-height: 2.045rem;
|
|
background-color: rgba(199, 197, 208, 0.31);
|
|
}
|
|
|
|
.control-center slider:hover {
|
|
background-color: rgba(199, 197, 208, 0.448);
|
|
}
|
|
|
|
.control-center slider:active {
|
|
background-color: #77767e;
|
|
}
|
|
|
|
/* title widget */
|
|
|
|
.widget-title {
|
|
padding: 0.341rem;
|
|
margin: unset;
|
|
}
|
|
|
|
.widget-title label {
|
|
font-family: "Noto Sans", sans-serif;
|
|
font-size: 1.364rem;
|
|
color: {{colors.on_background.default.hex}};
|
|
margin-left: 0.941rem;
|
|
}
|
|
|
|
.widget-title button {
|
|
border: unset;
|
|
background-color: unset;
|
|
border-radius: 1.159rem;
|
|
-gtk-outline-radius: 1.159rem;
|
|
padding: 0.141rem 0.141rem;
|
|
margin-right: 0.841rem;
|
|
}
|
|
|
|
.widget-title button label {
|
|
font-family: "Noto Sans", sans-serif;
|
|
font-size: 1.0409rem;
|
|
color: {{colors.on_background.default.hex}};
|
|
margin-right: 0.841rem;
|
|
}
|
|
|
|
.widget-title button:hover {
|
|
background-color: rgba(128, 128, 128, 0.3);
|
|
}
|
|
|
|
.widget-title button:active {
|
|
background-color: rgba(128, 128, 128, 0.7);
|
|
}
|
|
|
|
/* Buttons widget */
|
|
|
|
.widget-buttons-grid {
|
|
border-radius: 1.159rem;
|
|
-gtk-outline-radius: 1.159rem;
|
|
padding: 0.341rem;
|
|
background-color: rgba(28, 28, 34, 0.35);
|
|
padding: unset;
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox {
|
|
padding: unset;
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox > flowboxchild > button:first-child {
|
|
margin-left: unset;
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox > flowboxchild > button {
|
|
border: none;
|
|
background-color: unset;
|
|
border-radius: 9999px;
|
|
min-width: 5.522rem;
|
|
min-height: 2.927rem;
|
|
padding: unset;
|
|
margin: unset;
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox > flowboxchild > button label {
|
|
font-family: "Materials Symbol Rounded";
|
|
font-size: 1.3027rem;
|
|
color: #e4e1e6;
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox > flowboxchild > button:hover {
|
|
background-color: rgba(128, 128, 128, 0.3);
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox > flowboxchild > button:checked {
|
|
/* OnePlus McClaren edition Orange accent */
|
|
background-color: #ff9f34;
|
|
}
|
|
|
|
.widget-buttons-grid > flowbox > flowboxchild > button:checked label {
|
|
color: #14141b;
|
|
}
|
|
|
|
/* Volume widget */
|
|
|
|
.widget-volume {
|
|
background-color: rgba(28, 28, 34, 0.35);
|
|
padding: 8px;
|
|
margin: 8px;
|
|
-gtk-outline-radius: 1.159rem;
|
|
-gtk-outline-radius: 1.159rem;
|
|
}
|
|
|
|
.widget-volume trough {
|
|
/* OnePlus McClaren edition Orange accent */
|
|
border: unset;
|
|
background-color: rgba(128, 128, 128, 0.4);
|
|
}
|
|
|
|
.widget-volume trough slider {
|
|
/* OnePlus McClaren edition Orange accent */
|
|
color: unset;
|
|
background-color: #ff9f34;
|
|
border-radius: 100%;
|
|
min-height: 1.25rem;
|
|
}
|
|
|
|
/* Mpris widget */
|
|
|
|
.widget-mpris {
|
|
background-color: rgba(28, 28, 34, 0.35);
|
|
padding: 8px;
|
|
margin: 8px;
|
|
border-radius: 1.159rem;
|
|
-gtk-outline-radius: 1.159rem;
|
|
}
|
|
|
|
.widget-mpris-player {
|
|
padding: 8px;
|
|
margin: 8px;
|
|
}
|
|
|
|
.widget-mpris-title {
|
|
font-weight: bold;
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.widget-mpris-subtitle {
|
|
font-size: 1.1rem;
|
|
}
|