Skip to content

Instantly share code, notes, and snippets.

@aidswidjaja
Last active May 31, 2022 00:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aidswidjaja/a2c09d3703f18ec9bbe125e842ece28d to your computer and use it in GitHub Desktop.
Save aidswidjaja/a2c09d3703f18ec9bbe125e842ece28d to your computer and use it in GitHub Desktop.
Canvas custom CSS
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,600;1,400;1,600&display=swap');
.pages.show .page-title {
color: #ffffff;
font-weight: bold;
}
body, html {
font-family: 'Rubik', sans-serif;
color: #fafbfc;
}
a {
color: #85e89d;
}
#not_right_side {
width: 85vw;
}
.btn, .Button {
background-color: #000000;
color: #ffffff;
}
.module-sequence-footer-content {
background-color: #0d1117 !important;
}
#main, #application, .ic-Dashboard-header__layout {
background-color: #0d1117;
}
.summary, td, table.summary tbody th, table.summary td, table.summary tbody th {
background-color: #0d1117;
color: #ffffff;
}
.fCrpb_egrg {
font-family: 'Rubik', sans-serif;
color: #fafbfc;
}
#course_select_menu, #assignment_sort_order_select_menu, #apply_select_menus {
font-family: 'Rubik', sans-serif;
color: #fafbfc;
background-color: #000000;
}
#assignments {
background-color: #0d1117;
}
.student_assignment, #grades_summary {
color: #ffffff;
}
.ic-DashboardCard, .ic-DashboardCard__header_content {
background-color: #000000;
}
.event-details::after, .todo-details::after {
display: none;
}
.ic-DashboardCard__header-title {
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: 600;
}
.button-sidebar-wide, #print-grades-button, #show_all_details_button {
font-family: 'Rubik', sans-serif;
background-color: #000000;
color: #fafbfc;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
background-color: #000000;
color: #ffffff
}
.ui-tabs .ui-tabs-nav li a, #grades_summary th.title .context {
color: #ffffff
}
.btn, .Button, .ui-button {
border: none;
}
.ic-app-header__main-navigation {
background-color: #000000;
}
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
background-color: #0c0c0c;
}
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg {
fill: #cb2431;
}
.todo-list-header, .shared-space {
color: #ea4a5a;
}
#right-side h2, #right-side .h2 {
border: none;
}
.todo-details__title, .event-details__title {
color: #34d058;
}
#right-side .right-side-list li em, #right-side .right-side-list li p {
color: #a5d6ff;
}
#right-side .right-side-list li a {
text-decoration: none;
}
.event-list-view-calendar {
display: none;
}
i::before {
color: #ffea7f;
}
.more_link {
color: #6b44bc;
}
.hidden-phone {
color: #ea4a5a;
font-family: 'Rubik', sans-serif;
font-weight: 600;
}
.ic-Dashboard-header__layout {
border: none;
}
.navigation-tray-container {
background-color: #000000;
}
h2.fOyUs_bGBk {
color: #ea4a5a;
}
a.fOyUs_bGBk {
color: #ffdf5d;
text-decoration: none;
}
#breadcrumbs {
background-color: #0d1117;
color: #85e89d;
font-weight: 600;
}
.header-bar, #context_modules_sortable_container {
background-color: #0d1117;
}
#expand_collapse_all {
background-color: #000000;
font-family: 'Rubik', sans-serif;
color: #ffffff;
border: none;
}
.item-group-condensed .ig-header {
background-color: #24292e;
border: none;
color: #ea4a5a;
}
.list-view a.active {
color: #ea4a5a;
}
.ig-header .name, .active {
color: #ea4a5a;
}
.ic-Action-header__Heading, .accessible-toggler {
color: #ea4a5a;
font-family: 'Rubik', sans-serif;
}
.item-group-condensed .ig-row {
background: #22272e;
}
.header-bar, .ic-app-nav-toggle-and-crumbs {
border: none;
}
.ig-list .ig-row a.ig-title {
color: #ffffff;
}
.ig-title, .item-group-condensed .ig-row {
border: none;
}
.item-group-condensed:hover .ig-row:hover {
background: #000000;
}
.ig-header .name {
text-shadow: none;
}
.Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor){
text-decoration: none;
}
span.ellipsible {
color: #85e89d;
}
.standalone-icon:before {
color: #ffdf5d;
}
#ag-list {
background-color: #0d1117;
}
.ig-list .ig-row {
color: #EFEFEF;
}
.fNHEA_blJt, .fNHEA_blJt {
font-family: 'Rubik', sans-serif;
}
.fOyUs_bGBk, .react-rubric td, .react-rubric th, [direction="row"] {
background-color: #0d1117;
color: #ffffff;
}
#assignments-2-student-header {
border: none;
}
#usmukjLa7uHx, #uaOGmZHGfLTK {
background-color: #000000;
color: #ffffff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment