Skip to content

Google Forms Dark Mode by psykek

Screenshot of Google Forms Dark Mode

Details

Authorpsykek

LicenseNo License

CategoryGoogle Forms

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode for Google Forms (when filling them out, not making them)

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Google Forms Dark
@version        1.0.0
@description    Night mode for Google Forms (when answering a form, not making one)
@author         Psykek/PrototypeChicken
@namespace      github.com/Psykek66/UserCSS
@homepageURL    https://github.com/Psykek66/UserCSS/blob/master/GoogleFormsDark.user.css
==/UserStyle== */

@-moz-document url-prefix("https://docs.google.com/forms/") {
    .freebirdFormviewerViewFormContentWrapper {
	background-color: #303030;
}
.freebirdHeaderCard {
	border: 1px solid #000;
}
.exportHeader {
	background-color: #202020 !important;
	border: 1px solid #000 !important;
}
.freebirdFormviewerViewHeaderDisclosure {
	color: #aaa !important;
}
.freebirdFormviewerViewHeaderDescription {
	color: #aaa !important;
}
.exportFormTitle {
	color: #fff !important;
}
.freebirdFormviewerViewHeaderGradeContainer {
	color: #aaa;
}
.freebird-qp-icon-help-b {
	filter: invert(.8)
}
.exportThemeStripe {
	background-color: #000;
}
.freebirdFormviewerViewHeaderGradeFraction {
	background-color: #000;
	color: #bbb;
}
.freebirdFormviewerViewItemsTextTextItem {
	background-color: #202020 !important;
	border: 1px solid #000 !important;
}
.freebirdFormviewerViewItemsTextTextItem .freebirdCustomFont {
	color: #fff;
}
.freebirdFormviewerViewItemsTextShortText {
	color: #ccc !important;
	border-color: #ccc !important;
}
.freebirdFormviewerViewItemsItemItem {
	background-color: #202020 !important;
	border: 1px solid #000 !important;
}
.freebirdFormviewerViewItemsRadioCorrect {
	background-color: #303030 !important;
}
.freebirdFormviewerViewItemsRadioCorrect .freebirdFormviewerViewItemsRadioLabel {
	color: #ccc !important;
}
.m2 .freebirdFormviewerViewFormContent {
    color: #bbb;
}
.freebirdFormviewerViewItemsRadioCorrect .freebirdFormviewerViewItemsRadioControl {
	filter: invert(1);
}
.freebirdFormviewerViewItemsRadioIncorrect {
	background-color: #303030 !important;
}
.freebirdFormviewerViewItemsRadioIncorrect .freebirdFormviewerViewItemsRadioLabel {
	color: #ccc !important;
}
.freebirdFormviewerViewItemsRadioIncorrect .freebirdFormviewerViewItemsRadioControl {
	filter: invert(1);
}
.freebirdFormviewerViewItemsRadioCorrectAnswerBox .freebirdFormviewerViewItemsRadioLabel {
	color: #ccc !important;
}
.freebirdFormviewerViewItemsRadioCorrectAnswerBox .freebirdThemedRadioDarkerDisabled {
	filter: invert(1);
}
.freebirdFormviewerViewItemsTextLongText {
	color: #aaa !important;
	border-color: #aaa !important;
}
.freebirdFormviewerViewItemsItemNoGrade {
	color: #aaa !important;
}
.freebirdDisclaimerColor {
	color: #ddd;
}
.freebirdFormviewerViewFooterPageBreak {
	filter: invert(1);
}
.freebird-qp-icon-feedback-b {
	filter: invert(.8);
}
.m2 {
	background-color: #303030;
}
.freebirdSolidBackground {
	background-color: #000;
}
.freebirdFormviewerViewResponseConfirmContentContainer {
	background-color: #202020 !important;
	border: 1px solid #000 !important;
}
.freebirdCustomFont {
	color: #ddd !important;
}
.freebirdFormviewerViewResponseConfirmationMessage {
	color: #ccc !important;
}
.isUndragged .exportButtonContent {
	background-color: #000;
	color: #ccc;
}
.isUndragged .exportButtonContent:hover {
	background-color: #000;
	color: #ccc;
	box-shadow: none !important;
}
.freebirdThemedFilledButtonM2 .exportButtonNestedLink, .freebirdThemedFilledButtonM2 .exportButtonNestedLink:hover, .freebirdThemedFilledButtonM2 .exportButtonNestedLink:link, .freebirdThemedFilledButtonM2 .exportButtonNestedLink:visited {
    background-color: rgb(0,0,0);
	color: #ccc;
}
.freebirdThemedFilledButtonM2 .exportButtonNestedLink, .freebirdThemedFilledButtonM2 .exportButtonNestedLink:hover, .freebirdThemedFilledButtonM2 .exportButtonNestedLink:link, .freebirdThemedFilledButtonM2 .exportButtonNestedLink:hover {
    background-color: rgb(0,0,0) !important;
}
.isActive .exportButtonContent:hover {
	box-shadow: none !important;
	border: none !important;
}
.freebirdDisclaimerColor a {
	color: #fff;
}
.freebirdThemedFilledButtonM2:hover {
    box-shadow: none !important; 
}
.freebirdThemedFilledButtonM2 {
    background-color: rgb(0,0,0);
}
.freebirdFormviewerViewHeaderDisclosure a {
	color: #fff !important;
}
.isUndragged .exportButtonContent {
	background-color: #000 !important;
	color: #ccc !important;
}
.isUndragged .exportOverlay {
	background-color: #000 !important;
	color: #ccc !important;
}
.freebirdFormviewerViewNavigationNoSubmitButton {
	background-color: #000 !important;
}
.isUndragged .exportButtonContent {
    color: #ccc !important;
}
.exportLabel {
	color: #ccc !important;
}
.freebirdFormviewerViewNavigationPasswordWarning {
	color: #ddd !important;
}
.freebirdFormviewerViewItemsPagebreakWithBanner {
	background-color: #202020 !important;
	border: 1px solid #000 !important;
	color: #ccc !important;
}
.freebirdFormviewerComponentsQuestionBaseRoot {
	background-color: #202020;
	border: 1px solid #000;
}
.quantumWizTogglePapercheckboxInnerBox {
    border: 8px solid #303030;
	border-radius: 2px !important;
}
#i56 .exportInnerBox {
	margin-top: 1px;
}
.freebirdFormviewerComponentsQuestionSelectSelect .quantumWizMenuPaperselectOptionList {
	border: 1px solid #aaa;
	border-radius: 10px;
}
.freebirdFormviewerComponentsQuestionSelectSelect {
	border: none !important;
}
.isPlaceholder .exportContent {
	color: #aaa;
}
.isOpen .appsMaterialWizMenuPaperselectPopup {
    background-color: #303030 !important;
}
.isActive .isSelected:hover {
    color: #aaa !important;
}
.isActive .isSelected .exportContent {
    color: #aaa !important;
}
.appsMaterialWizMenuPaperselectPopup .isSelected {
    background-color: #202020 !important;
    color: #aaa !important;
}
.appsMaterialWizMenuPaperselectPopup {
    color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionSelectSelect .isSelected .quantumWizMenuPaperselectContent {
    color: #aaa !important;
}
.appsMaterialWizMenuPaperselectPopup .exportContent {
    color: #aaa !important;
}
.freebirdThemedInput .exportFocusUnderline {
    background-color: #aaa !important;
}
.quantumWizTextinputPaperinputUnderline {
    background-color: #aaa !important;
}
.hasError {
    background-color: #202020 !important;
}
.exportTextarea {
    color: #aaa !important;
}
.quantumWizTextinputPapertextareaUnderline {
    background-color: #aaa;
}
.freebirdMaterialScalecontentLabel {
    color: #aaa !important;
}
.freebirdMaterialScalecontentRangeLabelContainer {
    color: #aaa !important;
}
.freebirdMaterialScalecontentRangeLabel {
    color: #aaa !important;
}
.freebirdMaterialScalecontentRangeLabelPlaceholder {
    color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionGridPinnedHeader .freebirdFormviewerComponentsQuestionGridColumnHeader .freebirdFormviewerComponentsQuestionGridRowHeader {
    background-color: #202020 !important;
}
.freebirdFormviewerViewItemsTextIncorrect {
	background-color: #303030 !important;
}
.freebirdFormviewerViewItemsTextCorrectAnswer {
	color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionGridScrollingData .freebirdFormviewerComponentsQuestionGridColumnHeader .freebirdFormviewerComponentsQuestionGridCell {
    color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionGridPinnedHeader .freebirdFormviewerComponentsQuestionGridRowHeader {
    background-color: #202020 !important;
    color: #aaa !important;
    border-radius: 0px;
}
.exportGroupContent .freebirdFormviewerComponentsQuestionGridCell {
    background-color: #202020;
    border-radius: 0px !important;
}
.freebirdFormviewerComponentsQuestionGridScrollingData {
    background-color: #202020 !important;
}
.freebirdFormviewerComponentsQuestionGridSpacerRow {
    background-color: #202020;
    height: 4px;
}
.freebirdFormviewerViewItemsSectionheaderDescriptionText {
    color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionDateDateInput .exportInput {
    filter: invert(1);
}
.freebirdFormviewerComponentsQuestionTimeInput .exportInput {
    color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionTimeSelect .isSelected .quantumWizMenuPaperselectContent {
    color: #aaa !important;
}
.isUndragged .hasIcon {
    border-color: #000 !important;
}
.isUndragged {
    border-color: #000;
}
.isUndragged:hover {
    border-color: #000 !important;
}
.isActive .appsMaterialWizButtonPaperbuttonContent {
    border-color: #000 !important;
}
.isActive .hasIcon {
    border-color: #000 !important;
}
.isUndragged .hasIcon {
    border-color: #000 !important;
}
.hasIcon {
    border-color: #000 !important;
}
.appsMaterialWizButtonPaperbuttonProtected.hasIcon {
    background-color: #000;
}
.appsMaterialWizButtonPaperbuttonHairline {
    background-color: #000;
}
.freebirdThemedRadio .isChecked:not(.isDisabled) .exportOuterCircle {
    border-color: #ccc;
}
.isActive .exportOuterCircle {
    border-color: #ccc !important;
}
.freebirdThemedRadio.isChecked:not(.isDisabled) .exportOuterCircle, .freebirdThemedRadio .exportInnerCircle {
    border-color: #ccc !important;
}
.hasValue .exportInput {
    color: #aaa;
}
.quantumWizMenuPaperselectOptionList .isPlaceholder {
    background-color: #202020;
    border: 1px solid #aaa;
}
.freebirdFormviewerComponentsQuestionSelectSelect .quantumWizMenuPaperselectOptionList {
	border: none;
}
.freebirdFormviewerComponentsQuestionCheckboxOtherInputElement .exportUnderline {
    background-color: #aaa;
}
.freebirdFormviewerComponentsQuestionRadioOtherInputElement .exportUnderline {
    background-color: #aaa;
}
.freebirdFormviewerComponentsQuestionRadioOtherInputElement .exportInput {
    caret-color: #aaa !important;
}
.freebirdFormviewerComponentsQuestionCheckboxOtherInputElement .exportInput {
    caret-color: #aaa !...

Reviews

No reviews yet.