take better colors

This commit is contained in:
primardj 2024-03-04 14:46:28 +00:00
parent fa19c9a373
commit bc6c8644a6
2 changed files with 22 additions and 26 deletions

View file

@ -1,39 +1,36 @@
.clock { .clock {
border-radius: 31px; border-radius: 20px;
background: rgba(40,40,40,0.8); padding: 10px;
background: rgba(30, 31, 40, 0.8)
} }
.analog-clock { .analog-clock {
padding: 2rem; padding: 2rem;
background: #282828; margin: 10px;
background: #282a36;
border-radius: 100%; border-radius: 100%;
border: 7px solid #282828; border: 7px solid #282a36;
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5), box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
inset -4px -4px 10px rgba(67,67,67,0.5), inset -4px -4px 10px rgba(40,42,54,0.5),
4px 4px 10px rgba(0,0,0,0.3); 4px 4px 10px rgba(0,0,0,0.3);
border-radius: 50%; border-radius: 50%;
} }
.time-container { .time-container {
margin-top: 15px; margin-top: 20px;
margin-left: 20px; margin-left: 10px;
margin-right: 20px; margin-right: 15px;
} }
.time-first {
padding: 10px;
background: rgba(20,20,20,0.7);
border-radius: 10px;
color: #00FFFF;
}
.time { .time {
padding: 10px; padding: 10px;
margin-left: 5px; margin-left: 0px;
background: rgba(20,20,20,0.7); margin-right: 5px;
background: rgba(40,42,54,1.0);
border-radius: 10px; border-radius: 10px;
color: #00FFFF; color: #00FFFF;
@ -41,8 +38,8 @@
.date { .date {
padding: 10px; padding: 10px;
margin: 5px 20px; margin: 5px 20px 0px 10px;
background: rgba(20,20,20,0.7); background: rgba(40,42,54,1.0);
border-radius: 10px; border-radius: 10px;
color: #00FFFF; color: #00FFFF;
} }

View file

@ -25,12 +25,12 @@
(defwidget clock [] (defwidget clock []
(box :vexpand false :hexpand false (box :vexpand false :hexpand false
:width 155 :width 180
:height 155 :height 180
:space-evenly false :space-evenly false
(box :width 155 :height 155 :class "analog-clock") (box :width 180 :height 180 :class "analog-clock")
(box (box
:height 155 :height 180
:width 175 :width 175
:class "numerical-clock" :class "numerical-clock"
:orientation "v" :orientation "v"
@ -38,7 +38,7 @@
(box (box
:class "time-container" :class "time-container"
(box (box
:class "time-first" :class "time"
(label :text hours) (label :text hours)
) )
(box (box
@ -63,10 +63,9 @@
(defwindow clock (defwindow clock
:monitor 0 :monitor 0
:geometry (geometry :geometry (geometry
:x "12%" :x "5%"
:y "10%" :y "10%"
:width "150px" :height "180px"
:height "150px"
:anchor "bottom left") :anchor "bottom left")
:stacking "bg" :stacking "bg"
:exclusive true :exclusive true