JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!-- Created by htmlize-1.54 in css mode. -->
<html>
<head>
<title>*Org Agenda*</title>
<style type="text/css">
<!--
body {
color: #ffffff;
background-color: #000000;
}
.bold {
/* bold */
font-weight: bold;
}
.custom {
/* (:foreground "pink" :weight bold) */
color: #ffc0cb;
font-weight: bold;
}
.custom-1 {
/* (:foreground "green" :weight bold) */
color: #00ff00;
font-weight: bold;
}
.hl-line {
/* hl-line */
color: #000000;
background-color: #ffffff;
}
.org-agenda-calendar-event {
/* org-agenda-calendar-event */
color: #ffffff;
background-color: #000000;
}
.org-agenda-current-time {
/* org-agenda-current-time */
color: #eedd82;
}
.org-agenda-date {
/* org-agenda-date */
color: #87cefa;
}
.org-agenda-date-today {
/* org-agenda-date-today */
color: #87cefa;
font-weight: bold;
font-style: italic;
}
.org-agenda-date-weekend {
/* org-agenda-date-weekend */
color: #87cefa;
font-weight: bold;
}
.org-agenda-dimmed-todo {
/* org-agenda-dimmed-todo-face */
color: #0000ff;
}
.org-agenda-structure {
/* org-agenda-structure */
color: #87cefa;
}
.org-habit-alert-future {
/* org-habit-alert-future-face */
color: #000000;
background-color: #fafca9;
}
.org-habit-clear {
/* org-habit-clear-face */
color: #000000;
background-color: #8270f9;
}
.org-habit-clear-future {
/* org-habit-clear-future-face */
color: #000000;
background-color: #d6e4fc;
}
.org-habit-overdue-future {
/* org-habit-overdue-future-face */
...