mirror of
https://we.phorge.it/source/phorge.git
synced 2024-10-23 17:18:51 +02:00
Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work. Test Plan: Visit lots and lots of pages with dark mode on and off. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18227
159 lines
2.8 KiB
CSS
159 lines
2.8 KiB
CSS
/**
|
|
* @provides phui-calendar-css
|
|
*/
|
|
|
|
.phui-calendar-list {
|
|
/* When hovering over a day, this allows the hover color to peek through
|
|
the event name, but for event names to mostly remain readable. */
|
|
|
|
}
|
|
|
|
.application-search-view div.phui-calendar-box {
|
|
border-left: 1px solid {$thinblueborder};
|
|
border-right: 1px solid {$thinblueborder};
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
border-radius: 0;
|
|
}
|
|
|
|
.phui-calendar-list a {
|
|
color: {$greytext};
|
|
}
|
|
|
|
.phui-calendar-list .event-cancelled .phui-calendar-list-title {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.phui-calendar-viewer-invited a {
|
|
color: {$green};
|
|
}
|
|
|
|
.phui-calendar-red a {
|
|
color: {$red};
|
|
}
|
|
|
|
.phui-calendar-orange a {
|
|
color: {$orange};
|
|
}
|
|
|
|
.phui-calendar-yellow a {
|
|
color: {$yellow};
|
|
}
|
|
|
|
.phui-calendar-green a {
|
|
color: {$green}
|
|
}
|
|
|
|
.phui-calendar-blue a {
|
|
color: {$blue};
|
|
}
|
|
|
|
.phui-calendar-sky a {
|
|
color: {$sky};
|
|
}
|
|
|
|
.phui-calendar-indigo a {
|
|
color: {$indigo};
|
|
}
|
|
|
|
.phui-calendar-violet a {
|
|
color: {$violet};
|
|
}
|
|
|
|
.phui-calendar-grey a {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
.phui-calendar-bg-viewer-invited {
|
|
background-color: {$lightgreen};
|
|
}
|
|
|
|
.phui-calendar-bg-red {
|
|
background-color: {$lightred};
|
|
}
|
|
|
|
.phui-calendar-bg-orange {
|
|
background-color: {$lightorange};
|
|
}
|
|
|
|
.phui-calendar-bg-yellow {
|
|
background-color: {$lightyellow};
|
|
}
|
|
|
|
.phui-calendar-bg-green {
|
|
background-color: {$lightgreen};
|
|
}
|
|
|
|
.phui-calendar-bg-blue {
|
|
background-color: {$lightblue};
|
|
}
|
|
|
|
.phui-calendar-bg-sky {
|
|
background-color: {$lightsky};
|
|
}
|
|
|
|
.phui-calendar-bg-indigo {
|
|
background-color: {$lightindigo};
|
|
}
|
|
|
|
.phui-calendar-bg-violet {
|
|
background-color: {$lightviolet};
|
|
}
|
|
|
|
.phui-calendar-bg-grey {
|
|
background-color: {$darkgreybackground};
|
|
}
|
|
|
|
.phui-calendar-list-dot {
|
|
background-color: {$lightgreytext};
|
|
border-color: {$lightgreytext};
|
|
}
|
|
|
|
.phui-calendar-viewer-invited .phui-calendar-list-dot {
|
|
background-color: {$green};
|
|
border-color: {$green};
|
|
}
|
|
|
|
.phui-calendar-red .phui-calendar-list-dot {
|
|
background-color: {$red};
|
|
border-color: {$red};
|
|
}
|
|
|
|
.phui-calendar-orange .phui-calendar-list-dot {
|
|
background-color: {$orange};
|
|
border-color: {$orange};
|
|
}
|
|
|
|
.phui-calendar-yellow .phui-calendar-list-dot {
|
|
background-color: {$orange};
|
|
border-color: {$orange};
|
|
}
|
|
|
|
.phui-calendar-green .phui-calendar-list-dot {
|
|
background-color: {$green};
|
|
border-color: {$green};
|
|
}
|
|
|
|
.phui-calendar-blue .phui-calendar-list-dot {
|
|
background-color: {$blue};
|
|
border-color: {$blue};
|
|
}
|
|
|
|
.phui-calendar-sky .phui-calendar-list-dot {
|
|
background-color: {$sky};
|
|
border-color: {$sky};
|
|
}
|
|
|
|
.phui-calendar-indigo .phui-calendar-list-dot {
|
|
background-color: {$indigo};
|
|
border-color: {$indigo};
|
|
}
|
|
|
|
.phui-calendar-violet .phui-calendar-list-dot {
|
|
background-color: {$violet};
|
|
border-color: {$violet};
|
|
}
|
|
|
|
.phui-calendar-grey .phui-calendar-list-dot {
|
|
background-color: {$lightgreytext};
|
|
border-color: {$lightgreytext};
|
|
}
|