Generated by SassMeister.com.

SassMeister-input-HTML.html

Edit the Scss to update CSS.

SassMeister-input.scss

// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----

$white:#FFF;
$black:rgb(85,85,85);

$ignorable:#DDD;
$danger:#E53C30;
$actionable:#09978F;

$toolbarBG:#F2F2F2;
$toolbarColor:#081922;
$toolbarHoverBG:$actionable;
$toolbarHoverColor:$white;
$toolbarActiveBG:$ignorable;
$toolbarActiveColor:#444;

$buttonColor:$white;

body { // cheap and dirty way to increase specificity
    .redactor_toolbar {
        background:$toolbarBG;
        li a {
           color:$toolbarColor;
           &:hover {
               background:$toolbarHoverBG;
               color:$toolbarHoverColor;
           }
           &:active, &.redactor_act {
               background:$toolbarActiveBG;
               color:$toolbarActiveColor;
           }
        }
    }

    #redactor_modal {
        footer {
            button {
                background:$ignorable;
                &:hover {
                    color:$black;
                    background:darken($ignorable,6%);
                }
                &.redactor_modal_delete_btn {
                    background: $danger;
                    color: $buttonColor;
                    &:hover {
                        background:darken($danger,6%);
                        color:$white;
                    }
                }
                &.redactor_modal_action_btn {
                    background:$actionable;
                    color: $buttonColor;
                    &:hover {
                        background:darken($actionable,6%);
                        color:$white;
                    }
                }
            }
        }
    }
}

SassMeister-output.css

body .redactor_toolbar {
  background: #f2f2f2;
}
body .redactor_toolbar li a {
  color: #081922;
}
body .redactor_toolbar li a:hover {
  background: #09978f;
  color: white;
}
body .redactor_toolbar li a:active, body .redactor_toolbar li a.redactor_act {
  background: #dddddd;
  color: #444444;
}
body #redactor_modal footer button {
  background: #dddddd;
}
body #redactor_modal footer button:hover {
  color: #555555;
  background: #cecece;
}
body #redactor_modal footer button.redactor_modal_delete_btn {
  background: #e53c30;
  color: white;
}
body #redactor_modal footer button.redactor_modal_delete_btn:hover {
  background: #db281b;
  color: white;
}
body #redactor_modal footer button.redactor_modal_action_btn {
  background: #09978f;
  color: white;
}
body #redactor_modal footer button.redactor_modal_action_btn:hover {
  background: #077a74;
  color: white;
}

SassMeister-rendered.html

Edit the Scss to update CSS.