take better colors
This commit is contained in:
parent
fa19c9a373
commit
bc6c8644a6
2 changed files with 22 additions and 26 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue