Prettier
This commit is contained in:
tr1x_em committed
1 parent
4e1de5390b
commit
d3f5d2b6ac
13 files changed
+364
-394
No files matched your search
@@ -10,12 +10,14 @@
|
||||
@import url("./styles/about.css");
|
||||
@import url("./styles/notification-center.css");
|
||||
@import url("./styles/player.css");
|
||||
@import url("./styles/widgets.css");
|
||||
@import url("./styles/tray.css");
|
||||
|
||||
* {
|
||||
all: unset;
|
||||
color: var(--foreground);
|
||||
font-size: 12px;
|
||||
font-family: unset;
|
||||
font-size: 13px;
|
||||
font-family: "SF Pro Rounded";
|
||||
}
|
||||
|
||||
#corner {
|
||||
@@ -27,316 +29,3 @@
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
tooltip {
|
||||
border: #474747 solid 1px;
|
||||
border-radius: 0.75rem;
|
||||
background-color: alpha(#fff, 0.05);
|
||||
}
|
||||
|
||||
@keyframes tooltipShow {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
tooltip > * {
|
||||
padding: 3px 10px;
|
||||
border-radius: 0.75rem;
|
||||
}
|
||||
|
||||
menu {
|
||||
border: #474747 solid 1px;
|
||||
border-radius: 0.75rem;
|
||||
transition: all 100ms ease-in-out;
|
||||
background-color: alpha(#fff, 0.05);
|
||||
}
|
||||
|
||||
menu > menuitem {
|
||||
padding: 5px 10px;
|
||||
margin: 1px 2px;
|
||||
border-bottom: #474747 solid 1px;
|
||||
}
|
||||
|
||||
menu > menuitem:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
menu > menuitem:hover {
|
||||
transition: all 20ms ease-in-out;
|
||||
border-radius: 4px;
|
||||
color: #222;
|
||||
background-color: alpha(#2369ff, 1);
|
||||
}
|
||||
|
||||
menu > menuitem:hover > label {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#box-widget-2{
|
||||
/* background-color: alpha(#1C1C1C, 1); */
|
||||
background: linear-gradient(to bottom, #202020, #141414);
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
#weather-widget label{
|
||||
font-family: "SF Pro Rounded";
|
||||
/* font-size: 20px; */
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
#city {
|
||||
margin-top: 10px;
|
||||
color: #8b92ff;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
#temperature {
|
||||
font-size: 50px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#condition-emoji{
|
||||
margin-top: 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#condition {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
#feels-like {
|
||||
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
}
|
||||
/* # */
|
||||
|
||||
/* Calendar Widget */
|
||||
#calendar-box-widget {
|
||||
background: linear-gradient(to bottom, #202020, #141414);
|
||||
margin: 20px 20px 20px 10px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
#calendar-widget {
|
||||
font-family: "SF Pro Rounded";
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
#calendar-month {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #8b92ff;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#calendar-days-header {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
#calendar-day-header {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
min-width: 18px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
#calendar-day-header-weekend {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #8E8D93;
|
||||
min-width: 18px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
#calendar-day {
|
||||
font-size: 12px;
|
||||
margin:1.4px 0px 1.4px 0px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
min-width: 18px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
#calendar-day-weekend {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #8E8D93;
|
||||
min-width: 18px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
#calendar-day-today {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: #191919;
|
||||
background-color: #8b92ff;
|
||||
border-radius: 50%;
|
||||
min-width: 18px;
|
||||
min-height: 16px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#calendar-day-empty {
|
||||
min-width: 18px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
#calendar-grid {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#date-widget label {
|
||||
font-family: "SF Pro Rounded";
|
||||
margin-top: 10px;
|
||||
}
|
||||
#day label,
|
||||
#month label{
|
||||
color: var(--foreground);
|
||||
padding: 5px;
|
||||
margin-top: 10px;
|
||||
font-size: 30px;
|
||||
color: alpha(#fff, 0.9);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#date label{
|
||||
color: alpha(#fff, 0.9);
|
||||
|
||||
margin-top: -10px;
|
||||
font-size: 90px;
|
||||
font-weight: 600;
|
||||
}
|
||||
#day label{
|
||||
|
||||
color: alpha(#8b92ff, 0.9);
|
||||
}
|
||||
#box-widget{
|
||||
/* background-color: alpha(#232323, 1); */
|
||||
background: linear-gradient(to bottom, #202020, #141414);
|
||||
margin: 20px 20px 20px 20px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
#info-box-widget{
|
||||
/* background-color: alpha(#232323, 1); */
|
||||
background: linear-gradient(to bottom, #202020, #000000);
|
||||
margin: 20px 10px 20px 10px;
|
||||
min-width: 170px;
|
||||
min-height: 170px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
#ram-progress{
|
||||
font-family: "SF Pro Rounded";
|
||||
margin-left: 12px;
|
||||
color: var(--foreground);
|
||||
/* background-color: alpha(#72BBCC, 0.9); */
|
||||
}
|
||||
#progress-label{
|
||||
/* background-color: alpha(#FFF, 0.9); */
|
||||
|
||||
font-family: "SF Pro Rounded";
|
||||
font-weight:600;
|
||||
font-size: 13px;
|
||||
}
|
||||
#progress{
|
||||
font-family: "SF Pro Rounded";
|
||||
border: solid 8px #8b92ff;
|
||||
|
||||
/* border-radius: 100px; */
|
||||
color: alpha(#AAAAAA, 0.7);
|
||||
}
|
||||
|
||||
/* Color indicators for memory usage */
|
||||
#used-color-indicator {
|
||||
color: #8b92ff;
|
||||
font-size: 10px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#free-color-indicator {
|
||||
color: #7C7C7C;
|
||||
font-size: 10px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#temp-color-indicator {
|
||||
color: #8b92ff;
|
||||
font-size: 10px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
/* Info text styling */
|
||||
#info-text {
|
||||
font-family: "SF Pro Rounded";
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #8E8E8E;
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
#info-value {
|
||||
font-family: "SF Pro Rounded";
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#info-container {
|
||||
margin-left: -8px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#info {
|
||||
|
||||
|
||||
font-family: "SF Pro Rounded";
|
||||
margin-left: -13px;
|
||||
margin-top: 5px;
|
||||
font-size:14px;
|
||||
font-weight:600;
|
||||
/* margin-bottom:-10px; */
|
||||
/* margin-top:-35px; */
|
||||
}
|
||||
#component-name{
|
||||
|
||||
font-size: 10px;
|
||||
}
|
||||
Reference in new issue
Block a user