abhiishek-codes/taskui

1:root2{3  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;4  --dark: #161616;5  --secondary-dark: #1B1B1B;6  --border-color: #262626;7  --light-border: #3F3E3E;8  --accent: #F35034;9  --accent-hover: rgb(197, 65, 42);10  --white: #ffffff;11 12  --light-text: #C0C0C0;13 14  --radius-md: 14px;15  --radius-lg: 48px;16 17  font-synthesis: none;18  text-rendering: optimizeLegibility;19  -webkit-font-smoothing: antialiased;20  -moz-osx-font-smoothing: grayscale;21}22 23 24a25{26  font-weight: 500;27  color: var(--accent);28  text-decoration: inherit;29}30 31a:hover32{33  color: var(--accent-hover);34}35 36body37{38  margin: 0;39  place-items: center;40  min-width: 320px;41  min-height: 100vh;42  background: var(--dark);43}44 45h146{47  font-size: 3.2em;48  line-height: 1.1;49}50 51button52{53  border-radius: 8px;54  border: 1px solid transparent;55  padding: 0.6em 1.2em;56  font-size: 1em;57  font-weight: 500;58  font-family: inherit;59  background-color: #1a1a1a;60  cursor: pointer;61  transition: border-color 0.25s;62}63 64button:hover65{66  border-color: var(--accent);67}68 69button:focus,70button:focus-visible71{72  outline: 4px auto -webkit-focus-ring-color;73}74 75@media (prefers-color-scheme: light)76{77  :root78  {79    color: #213547;80    background-color: #ffffff;81  }82 83  a:hover84  {85    color: var(--accent-hover);86  }87 88  button89  {90    background-color: #f9f9f9;91  }92}93 94p95{96  margin: 0;97}98 99 100 101 102/*=============================================103=            Utils            =104=============================================*/105 106.site-content107{108  margin-bottom: 20px;109}110 111.text-accent112{113  color: var(--accent);114}115 116.common-btn117{118  padding: 8px 20px;119  border-radius: var(--radius-md);120  background: var(--accent);121  color: var(--white);122  font-weight: 500;123  cursor: pointer;124  transition: all 0.5s;125  width: fit-content;126}127 128 129.common-btn:hover130{131  background: var(--accent-hover);132}133 134 135.rdp136{137  margin: 0 !important;138  --rdp-cell-size: 40px;139  --rdp-caption-font-size: 18px;140  --rdp-accent-color: var(--accent);141  --rdp-background-color: var(--accent);142  --rdp-accent-color-dark: var(--accent);143  --rdp-background-color-dark: var(--accent);144  --rdp-outline: 2px solid var(--rdp-accent-color);145  --rdp-outline-selected: 3px solid var(--rdp-accent-color);146  --rdp-selected-color: #fff;147}148 149 150.w-fit151{152  width: fit-content;153}154 155/*=====  End of Utils  ======*/