diff --git a/src/main/css/common.css b/src/main/css/common.css index 776e3c0..d5894e2 100644 --- a/src/main/css/common.css +++ b/src/main/css/common.css @@ -37,95 +37,3 @@ select { -moz-appearance: menulist; appearance: auto; } - - -/* Override color scheme */ -/* Replaces #9b4dca with #0033cc */ -.button, -button, -input[type='button'], -input[type='reset'], -input[type='submit'] { - background-color: var(--fwdekker-theme-color); - border: 0.1rem solid var(--fwdekker-theme-color); -} - -.button[disabled]:focus, .button[disabled]:hover, -button[disabled]:focus, -button[disabled]:hover, -input[type='button'][disabled]:focus, -input[type='button'][disabled]:hover, -input[type='reset'][disabled]:focus, -input[type='reset'][disabled]:hover, -input[type='submit'][disabled]:focus, -input[type='submit'][disabled]:hover { - background-color: var(--fwdekker-theme-color); - border-color: var(--fwdekker-theme-color); -} - -.button.button-outline, -button.button-outline, -input[type='button'].button-outline, -input[type='reset'].button-outline, -input[type='submit'].button-outline { - color: var(--fwdekker-theme-color); -} - -.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, -button.button-outline[disabled]:focus, -button.button-outline[disabled]:hover, -input[type='button'].button-outline[disabled]:focus, -input[type='button'].button-outline[disabled]:hover, -input[type='reset'].button-outline[disabled]:focus, -input[type='reset'].button-outline[disabled]:hover, -input[type='submit'].button-outline[disabled]:focus, -input[type='submit'].button-outline[disabled]:hover { - color: var(--fwdekker-theme-color); -} - -.button.button-clear, -button.button-clear, -input[type='button'].button-clear, -input[type='reset'].button-clear, -input[type='submit'].button-clear { - color: var(--fwdekker-theme-color); -} - -.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover, -button.button-clear[disabled]:focus, -button.button-clear[disabled]:hover, -input[type='button'].button-clear[disabled]:focus, -input[type='button'].button-clear[disabled]:hover, -input[type='reset'].button-clear[disabled]:focus, -input[type='reset'].button-clear[disabled]:hover, -input[type='submit'].button-clear[disabled]:focus, -input[type='submit'].button-clear[disabled]:hover { - color: var(--fwdekker-theme-color); -} - -pre { - border-left: 0.3rem solid var(--fwdekker-theme-color); -} - -input[type='email']:focus, -input[type='number']:focus, -input[type='password']:focus, -input[type='search']:focus, -input[type='tel']:focus, -input[type='text']:focus, -input[type='url']:focus, -input[type='color']:focus, -input[type='date']:focus, -input[type='month']:focus, -input[type='week']:focus, -input[type='datetime']:focus, -input[type='datetime-local']:focus, -input:not([type]):focus, -textarea:focus, -select:focus { - border-color: var(--fwdekker-theme-color); -} - -a { - color: var(--fwdekker-theme-color); -} diff --git a/src/main/css/overrides.css b/src/main/css/overrides.css new file mode 100644 index 0000000..e21b4e0 --- /dev/null +++ b/src/main/css/overrides.css @@ -0,0 +1,90 @@ +/* Override Milligram color scheme */ +/* Replaces #9b4dca with #0033cc */ +.button, +button, +input[type='button'], +input[type='reset'], +input[type='submit'] { + background-color: var(--fwdekker-theme-color); + border: 0.1rem solid var(--fwdekker-theme-color); +} + +.button[disabled]:focus, .button[disabled]:hover, +button[disabled]:focus, +button[disabled]:hover, +input[type='button'][disabled]:focus, +input[type='button'][disabled]:hover, +input[type='reset'][disabled]:focus, +input[type='reset'][disabled]:hover, +input[type='submit'][disabled]:focus, +input[type='submit'][disabled]:hover { + background-color: var(--fwdekker-theme-color); + border-color: var(--fwdekker-theme-color); +} + +.button.button-outline, +button.button-outline, +input[type='button'].button-outline, +input[type='reset'].button-outline, +input[type='submit'].button-outline { + color: var(--fwdekker-theme-color); +} + +.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, +button.button-outline[disabled]:focus, +button.button-outline[disabled]:hover, +input[type='button'].button-outline[disabled]:focus, +input[type='button'].button-outline[disabled]:hover, +input[type='reset'].button-outline[disabled]:focus, +input[type='reset'].button-outline[disabled]:hover, +input[type='submit'].button-outline[disabled]:focus, +input[type='submit'].button-outline[disabled]:hover { + color: var(--fwdekker-theme-color); +} + +.button.button-clear, +button.button-clear, +input[type='button'].button-clear, +input[type='reset'].button-clear, +input[type='submit'].button-clear { + color: var(--fwdekker-theme-color); +} + +.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover, +button.button-clear[disabled]:focus, +button.button-clear[disabled]:hover, +input[type='button'].button-clear[disabled]:focus, +input[type='button'].button-clear[disabled]:hover, +input[type='reset'].button-clear[disabled]:focus, +input[type='reset'].button-clear[disabled]:hover, +input[type='submit'].button-clear[disabled]:focus, +input[type='submit'].button-clear[disabled]:hover { + color: var(--fwdekker-theme-color); +} + +pre { + border-left: 0.3rem solid var(--fwdekker-theme-color); +} + +input[type='email']:focus, +input[type='number']:focus, +input[type='password']:focus, +input[type='search']:focus, +input[type='tel']:focus, +input[type='text']:focus, +input[type='url']:focus, +input[type='color']:focus, +input[type='date']:focus, +input[type='month']:focus, +input[type='week']:focus, +input[type='datetime']:focus, +input[type='datetime-local']:focus, +input:not([type]):focus, +textarea:focus, +select:focus { + border-color: var(--fwdekker-theme-color); +} + +a { + color: var(--fwdekker-theme-color); +} diff --git a/src/main/js/Template.js b/src/main/js/Template.js index 114415e..d5cfdf0 100644 --- a/src/main/js/Template.js +++ b/src/main/js/Template.js @@ -3,6 +3,7 @@ import "normalize.css/normalize.css"; import "milligram/dist/milligram.css"; import "../css/common.css"; import "../css/nav.css"; +import "../css/overrides.css"; /**