Commit bdd6ee2c authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Start working old colours into theme

parent 97229d6a
......@@ -312,4 +312,313 @@
--colour90: #20181d;
--colour95: #0f0d0e;
--colour100: #000;
}
/* colour palette for my site */
/* theme 001 */
[data-colour-theme='colours-001'] {
--primary-bg: 0,0%,91%; /* hsl(0,0%,91%) (previously --primary-bg) */
--primary-bg: 0,0%,91%; /* hsl(0,0%,91%) (previously --primary-bg) */
--secondary-bg: 0,0%,82%; /* hsl(0,0%,82%) (previously --secondary-bg) */
--tab-two: 0,0%,84%; /* hsl(0,0%,84%) (previously --tab-two) */
--tab-three: 180,2%,78%; /* hsl(180,2%,78%) (previously --tab-three) */
--tab-four: 180,2%,71%; /* hsl(180,2%,71%) (previously --tab-four) */
--tab-five: 0,0%,64%; /* hsl(0,0%,64%) (previously --tab-five) */
--tab-six: 180,1%,57%; /* hsl(180,1%,57%) (previously --tab-six) */
--tab-seven: 180,1%,50%; /* hsl(180,1%,50%) (previously --brilliant) */
--tab-eight: 180,1%,50%; /* hsl(180,1%,50%) (previously --brilliant) */
--brilliant: 180,1%,50%; /* hsl(180,1%,50%) (previously --brilliant) */
--text: 0,4%,26%; /* hsl(0,4%,26%) (previously --text) */
--text: 0,4%,26%; /* hsl(0,4%,26%) (previously --text) */
--linktext: 0,0%,19%; /* hsl(0,0%,19%) (previously --linktext) */
--darklinktext: 0,0%,1%; /* hsl(0,0%,1%) (previously --darklinktext) */
}
/* theme 002 */
[data-colour-theme='colours-002'] {
--primary-bg: 199,100%,90%; /* hsl(199,100%,90%) (previously --primary-bg) */
--primary-bg: 199,100%,90%; /* hsl(199,100%,90%) (previously --primary-bg) */
--secondary-bg: 209,100%,87%; /* hsl(209,100%,87%) (previously --secondary-bg) */
--tab-two: 217,94%,87%; /* hsl(217,94%,87%) (previously --tab-two) */
--tab-three: 233,95%,86%; /* hsl(233,95%,86%) (previously --tab-three) */
--tab-four: 245,89%,82%; /* hsl(245,89%,82%) (previously --tab-four) */
--tab-five: 253,91%,77%; /* hsl(253,91%,77%) (previously --tab-five) */
--tab-six: 258,87%,71%; /* hsl(258,87%,71%) (previously --tab-six) */
--tab-seven: 260,88%,68%; /* hsl(260,88%,68%) (previously --brilliant) */
--tab-eight: 260,88%,68%; /* hsl(260,88%,68%) (previously --brilliant) */
--brilliant: 260,88%,68%; /* hsl(260,88%,68%) (previously --brilliant) */
--text: 275,34%,35%; /* hsl(275,34%,35%) (previously --text) */
--text: 275,34%,35%; /* hsl(275,34%,35%) (previously --text) */
--linktext: 278,43%,35%; /* hsl(278,43%,35%) (previously --linktext) */
--darklinktext: 271,37%,11%; /* hsl(271,37%,11%) (previously --darklinktext) */
}
/* theme 004 */
[data-colour-theme='colours-004'] {
--primary-bg: 97,100%,90%; /* hsl(97,100%,90%) (previously --primary-bg) */
--primary-bg: 97,100%,90%; /* hsl(97,100%,90%) (previously --primary-bg) */
--secondary-bg: 103,95%,86%; /* hsl(103,95%,86%) (previously --secondary-bg) */
--tab-two: 114,65%,81%; /* hsl(114,65%,81%) (previously --tab-two) */
--tab-three: 124,54%,72%; /* hsl(124,54%,72%) (previously --tab-three) */
--tab-four: 129,50%,62%; /* hsl(129,50%,62%) (previously --tab-four) */
--tab-five: 134,48%,52%; /* hsl(134,48%,52%) (previously --tab-five) */
--tab-six: 137,64%,42%; /* hsl(137,64%,42%) (previously --tab-six) */
--tab-seven: 139,100%,31%; /* hsl(139,100%,31%) (previously --brilliant) */
--tab-eight: 139,100%,31%; /* hsl(139,100%,31%) (previously --brilliant) */
--brilliant: 139,100%,31%; /* hsl(139,100%,31%) (previously --brilliant) */
--text: 180,100%,18%; /* hsl(180,100%,18%) (previously --text) */
--text: 180,100%,18%; /* hsl(180,100%,18%) (previously --text) */
--linktext: 141,100%,19%; /* hsl(141,100%,19%) (previously --linktext) */
--darklinktext: 189,37%,11%; /* hsl(189,37%,11%) (previously --darklinktext) */
}
/* theme 005 */
[data-colour-theme='colours-005'] {
--primary-bg: 327,100%,96%; /* hsl(327,100%,96%) (previously --primary-bg) */
--primary-bg: 327,100%,96%; /* hsl(327,100%,96%) (previously --primary-bg) */
--secondary-bg: 319,100%,93%; /* hsl(319,100%,93%) (previously --secondary-bg) */
--tab-two: 354,56%,89%; /* hsl(354,56%,89%) (previously --tab-two) */
--tab-three: 10,53%,82%; /* hsl(10,53%,82%) (previously --tab-three) */
--tab-four: 17,46%,73%; /* hsl(17,46%,73%) (previously --tab-four) */
--tab-five: 21,47%,65%; /* hsl(21,47%,65%) (previously --tab-five) */
--tab-six: 24,46%,56%; /* hsl(24,46%,56%) (previously --tab-six) */
--tab-seven: 26,49%,48%; /* hsl(26,49%,48%) (previously --brilliant) */
--tab-eight: 26,49%,48%; /* hsl(26,49%,48%) (previously --brilliant) */
--brilliant: 26,49%,48%; /* hsl(26,49%,48%) (previously --brilliant) */
--text: 30,58%,27%; /* hsl(30,58%,27%) (previously --text) */
--text: 30,58%,27%; /* hsl(30,58%,27%) (previously --text) */
--linktext: 35,100%,30%; /* hsl(35,100%,30%) (previously --linktext) */
--darklinktext: 45,48%,8%; /* hsl(45,48%,8%) (previously --darklinktext) */
}
/* theme 006 */
[data-colour-theme='colours-006'] {
--primary-bg: 259,100%,95%; /* hsl(259,100%,95%) (previously --primary-bg) */
--primary-bg: 259,100%,95%; /* hsl(259,100%,95%) (previously --primary-bg) */
--secondary-bg: 256,100%,93%; /* hsl(256,100%,93%) (previously --secondary-bg) */
--tab-two: 317,55%,87%; /* hsl(317,55%,87%) (previously --tab-two) */
--tab-three: 335,72%,83%; /* hsl(335,72%,83%) (previously --tab-three) */
--tab-four: 344,81%,79%; /* hsl(344,81%,79%) (previously --tab-four) */
--tab-five: 346,89%,75%; /* hsl(346,89%,75%) (previously --tab-five) */
--tab-six: 350,97%,71%; /* hsl(350,97%,71%) (previously --tab-six) */
--tab-seven: 352,100%,67%; /* hsl(352,100%,67%) (previously --brilliant) */
--tab-eight: 352,100%,67%; /* hsl(352,100%,67%) (previously --brilliant) */
--brilliant: 352,100%,67%; /* hsl(352,100%,67%) (previously --brilliant) */
--text: 347,48%,35%; /* hsl(347,48%,35%) (previously --text) */
--text: 347,48%,35%; /* hsl(347,48%,35%) (previously --text) */
--linktext: 350,69%,43%; /* hsl(350,69%,43%) (previously --linktext) */
--darklinktext: 331,33%,18%; /* hsl(331,33%,18%) (previously --darklinktext) */
}
/* theme 007 */
[data-colour-theme='colours-007'] {
--primary-bg: 58,95%,83%; /* hsl(58,95%,83%) (previously --primary-bg) */
--primary-bg: 58,95%,83%; /* hsl(58,95%,83%) (previously --primary-bg) */
--secondary-bg: 60,76%,76%; /* hsl(60,76%,76%) (previously --secondary-bg) */
--tab-two: 83,45%,80%; /* hsl(83,45%,80%) (previously --tab-two) */
--tab-three: 152,28%,74%; /* hsl(152,28%,74%) (previously --tab-three) */
--tab-four: 189,37%,64%; /* hsl(189,37%,64%) (previously --tab-four) */
--tab-five: 200,54%,57%; /* hsl(200,54%,57%) (previously --tab-five) */
--tab-six: 205,68%,51%; /* hsl(205,68%,51%) (previously --tab-six) */
--tab-seven: 208,100%,44%; /* hsl(208,100%,44%) (previously --brilliant) */
--tab-eight: 208,100%,44%; /* hsl(208,100%,44%) (previously --brilliant) */
--brilliant: 208,100%,44%; /* hsl(208,100%,44%) (previously --brilliant) */
--text: 212,47%,25%; /* hsl(212,47%,25%) (previously --text) */
--text: 212,47%,25%; /* hsl(212,47%,25%) (previously --text) */
--linktext: 193,100%,19%; /* hsl(193,100%,19%) (previously --linktext) */
--darklinktext: 0,0%,0%; /* hsl(0,0%,0%) (previously --darklinktext) */
}
/* theme 008 */
[data-colour-theme='colours-008'] {
--primary-bg: 3,100%,92%; /* hsl(3,100%,92%) (previously --primary-bg) */
--primary-bg: 3,100%,92%; /* hsl(3,100%,92%) (previously --primary-bg) */
--secondary-bg: 5,100%,89%; /* hsl(5,100%,89%) (previously --secondary-bg) */
--tab-two: 278,9%,83%; /* hsl(278,9%,83%) (previously --tab-two) */
--tab-three: 205,35%,76%; /* hsl(205,35%,76%) (previously --tab-three) */
--tab-four: 199,52%,67%; /* hsl(199,52%,67%) (previously --tab-four) */
--tab-five: 197,62%,59%; /* hsl(197,62%,59%) (previously --tab-five) */
--tab-six: 196,68%,51%; /* hsl(196,68%,51%) (previously --tab-six) */
--tab-seven: 196,100%,42%; /* hsl(196,100%,42%) (previously --brilliant) */
--tab-eight: 196,100%,42%; /* hsl(196,100%,42%) (previously --brilliant) */
--brilliant: 196,100%,42%; /* hsl(196,100%,42%) (previously --brilliant) */
--text: 195,100%,20%; /* hsl(195,100%,20%) (previously --text) */
--text: 195,100%,20%; /* hsl(195,100%,20%) (previously --text) */
--linktext: 195,100%,25%; /* hsl(195,100%,25%) (previously --linktext) */
--darklinktext: 195,70%,14%; /* hsl(195,70%,14%) (previously --darklinktext) */
}
/* theme 009 */
[data-colour-theme='colours-009'] {
--primary-bg: #CCFFEF; /* (previously --primary-bg) */
--primary-bg: #C0F9E7; /* (previously --primary-bg .6) */
--secondary-bg: 162,69%,81%; /* (previously --secondary-bg) */
--tab-two:#B0EDE8; /* (previously --tab-two .6) */
--tab-three: #A2E1EA; /* (previously --tab-three .6) */
--tab-four: #94D4EA; /* (previously --tab-four .6) */
--tab-five: #87C9EA; /* (previously --tab-five .6) */
--tab-six: #7BBEEB; /* (previously --tab-six .6) */
--tab-seven: #6BB2EB; /* (previously --brilliant) */
--tab-eight: #60A6EE; /* (previously --brilliant) */
--brilliant: #3E8DFE; /* (previously --brilliant) */
--text: ##3E6CBB; /* hsl(217,55%,36%) (previously --text) */
--text: #2A599D; /* (previously --text) */
--linktext: #0151B4; /* (previously --linktext) */
--darklinktext: #12152C; /* (previously --darklinktext) */
}
/* theme 010 */
[data-colour-theme='colours-010'] {
--primary-bg: 0,0%,95%; /* hsl(0,0%,95%) (previously --primary-bg) */
--primary-bg: 0,0%,95%; /* hsl(0,0%,95%) (previously --primary-bg) */
--secondary-bg: 0,0%,82%; /* hsl(0,0%,82%) (previously --secondary-bg) */
--tab-two: 6,44%,86%; /* hsl(6,44%,86%) (previously --tab-two) */
--tab-three: 5,50%,78%; /* hsl(5,50%,78%) (previously --tab-three) */
--tab-four: 5,55%,70%; /* hsl(5,55%,70%) (previously --tab-four) */
--tab-five: 6,59%,62%; /* hsl(6,59%,62%) (previously --tab-five) */
--tab-six: 4,57%,53%; /* hsl(4,57%,53%) (previously --tab-six) */
--tab-seven: 7,81%,49%; /* hsl(7,81%,49%) (previously --brilliant) */
--tab-eight: 7,81%,49%; /* hsl(7,81%,49%) (previously --brilliant) */
--brilliant: 7,81%,49%; /* hsl(7,81%,49%) (previously --brilliant) */
--text: 0,0%,21%; /* hsl(0,0%,21%) (previously --text) */
--text: 0,0%,21%; /* hsl(0,0%,21%) (previously --text) */
--linktext: 0,100%,33%; /* hsl(0,100%,33%) (previously --linktext) */
--darklinktext: 0,0%,0%; /* hsl(0,0%,0%) (previously --darklinktext) */
}
/* theme 013 (Ireland theme) */
[data-colour-theme='colours-013'] {
--primary-bg: 97,100%,90%; /* hsl(97,100%,90%) (previously --primary-bg) */
--primary-bg: 97,100%,90%; /* hsl(97,100%,90%) (previously --primary-bg) */
--secondary-bg: 103,95%,86%; /* hsl(103,95%,86%) (previously --secondary-bg) */
--tab-two: 114,65%,81%; /* hsl(114,65%,81%) (previously --tab-two) */
--tab-three: 124,54%,72%; /* hsl(124,54%,72%) (previously --tab-three) */
--tab-four: 129,50%,62%; /* hsl(129,50%,62%) (previously --tab-four) */
--tab-five: 134,48%,52%; /* hsl(134,48%,52%) (previously --tab-five) */
--tab-six: 137,64%,42%; /* hsl(137,64%,42%) (previously --tab-six) */
--tab-seven: 139,100%,31%; /* hsl(139,100%,31%) (previously --brilliant) */
--tab-eight: 139,100%,31%; /* hsl(139,100%,31%) (previously --brilliant) */
--brilliant: 139,100%,31%; /* hsl(139,100%,31%) (previously --brilliant) */
--text: 25,79%,37%; /* hsl(25,79%,37%) (previously --text) */
--text: 25,79%,37%; /* hsl(25,79%,37%) (previously --text) */
--linktext: 17,80%,32%; /* hsl(17,80%,32%) (previously --linktext) */
--darklinktext: 189,37%,11%; /* hsl(189,37%,11%) (previously --darklinktext) */
}
/* theme 015 (Mastodon theme) */
[data-colour-theme='colours-015'] {
--primary-bg: 327,100%,93%; /* hsl(327,100%,93%) (previously --primary-bg) */
--primary-bg: 327,100%,93%; /* hsl(327,100%,93%) (previously --primary-bg) */
--secondary-bg: 330,66%,86%; /* hsl(330,66%,86%) (previously --secondary-bg) */
--tab-two: 277,40%,86%; /* hsl(277,40%,86%) (previously --tab-two) */
--tab-three: 235,40%,82%; /* hsl(235,40%,82%) (previously --tab-three) */
--tab-four: 219,50%,74%; /* hsl(219,50%,74%) (previously --tab-four) */
--tab-five: 213,56%,66%; /* hsl(213,56%,66%) (previously --tab-five) */
--tab-six: 211,61%,60%; /* hsl(211,61%,60%) (previously --tab-six) */
--tab-seven: 208,63%,52%; /* hsl(208,63%,52%) (previously --brilliant) */
--tab-eight: 208,63%,52%; /* hsl(208,63%,52%) (previously --brilliant) */
--brilliant: 208,63%,52%; /* hsl(208,63%,52%) (previously --brilliant) */
--text: 229,16%,19%; /* hsl(229,16%,19%) (previously --text) */
--text: 229,16%,19%; /* hsl(229,16%,19%) (previously --text) */
--linktext: 208,92%,30%; /* hsl(208,92%,30%) (previously --linktext) */
--darklinktext: 204,16%,6%; /* hsl(204,16%,6%) (previously --darklinktext) */
}
/* theme 016 (NoYouGo theme) */
[data-colour-theme='colours-016'] {
--primary-bg: 178,100%,90%; /* hsl(178,100%,90%) (previously --primary-bg) */
--primary-bg: 178,100%,90%; /* hsl(178,100%,90%) (previously --primary-bg) */
--secondary-bg: 182,65%,72%; /* hsl(182,65%,72%) (previously --secondary-bg) */
--tab-two: 195,41%,85%; /* hsl(195,41%,85%) (previously --tab-two) */
--tab-three: 247,18%,81%; /* hsl(247,18%,81%) (previously --tab-three) */
--tab-four: 316,25%,71%; /* hsl(316,25%,71%) (previously --tab-four) */
--tab-five: 327,36%,66%; /* hsl(327,36%,66%) (previously --tab-five) */
--tab-six: 330,45%,60%; /* hsl(330,45%,60%) (previously --tab-six) */
--tab-seven: 332,51%,53%; /* hsl(332,51%,53%) (previously --brilliant) */
--tab-eight: 332,51%,53%; /* hsl(332,51%,53%) (previously --brilliant) */
--brilliant: 332,51%,53%; /* hsl(332,51%,53%) (previously --brilliant) */
--text: 0,0%,0%; /* hsl(0,0%,0%) (previously --text) */
--text: 0,0%,0%; /* hsl(0,0%,0%) (previously --text) */
--linktext: 333,41%,9%; /* hsl(333,41%,9%) (previously --linktext) */
--darklinktext: 0,0%,0%; /* hsl(0,0%,0%) (previously --darklinktext) */
}
/* theme 017 (2018 review theme) */
[data-colour-theme='colours-017'] {
--primary-bg: 114,100%,90%; /* hsl(114,100%,90%) (previously --primary-bg) */
--primary-bg: 114,100%,90%; /* hsl(114,100%,90%) (previously --primary-bg) */
--secondary-bg: 132,85%,82%; /* hsl(132,85%,82%) (previously --secondary-bg) */
--tab-two: 99,56%,87%; /* hsl(99,56%,87%) (previously --tab-two) */
--tab-three: 73,29%,85%; /* hsl(73,29%,85%) (previously --tab-three) */
--tab-four: 17,40%,86%; /* hsl(17,40%,86%) (previously --tab-four) */
--tab-five: 350,55%,85%; /* hsl(350,55%,85%) (previously --tab-five) */
--tab-six: 337,75%,84%; /* hsl(337,75%,84%) (previously --tab-six) */
--tab-seven: 334,90%,72%; /* hsl(334,90%,72%) (previously --brilliant) */
--tab-eight: 334,90%,72%; /* hsl(334,90%,72%) (previously --brilliant) */
--brilliant: 334,90%,72%; /* hsl(334,90%,72%) (previously --brilliant) */
--text: 342,23%,20%; /* hsl(342,23%,20%) (previously --text) */
--text: 342,23%,20%; /* hsl(342,23%,20%) (previously --text) */
--linktext: 339,62%,19%; /* hsl(339,62%,19%) (previously --linktext) */
--darklinktext: 343,61%,11%; /* hsl(343,61%,11%) (previously --darklinktext) */
}
/* theme 018 (Everyday Information Architecture theme) */
[data-colour-theme='colours-018'] {
--primary-bg: 187,85%,81%; /* hsl(187,85%,81%) (previously --primary-bg) */
--primary-bg: 187,85%,81%; /* hsl(187,85%,81%) (previously --primary-bg) */
--secondary-bg: 182,65%,72%; /* hsl(182,65%,72%) (previously --secondary-bg) */
--tab-two: 195,41%,85%; /* hsl(195,41%,85%) (previously --tab-two) */
--tab-three: 187,62%,66%; /* hsl(187,62%,66%) (previously --tab-three) */
--tab-four: 188,58%,58%; /* hsl(188,58%,58%) (previously --tab-four) */
--tab-five: 185,55%,49%; /* hsl(185,55%,49%) (previously --tab-five) */
--tab-six: 186,71%,42%; /* hsl(186,71%,42%) (previously --tab-six) */
--tab-seven: 186,100%,33%; /* hsl(186,100%,33%) (previously --brilliant) */
--tab-eight: 186,100%,33%; /* hsl(186,100%,33%) (previously --brilliant) */
--brilliant: 186,100%,33%; /* hsl(186,100%,33%) (previously --brilliant) */
--text: 185,25%,28%; /* hsl(185,25%,28%) (previously --text) */
--text: 185,25%,28%; /* hsl(185,25%,28%) (previously --text) */
--linktext: 186,100%,21%; /* hsl(186,100%,21%) (previously --linktext) */
--darklinktext: 186,71%,15%; /* hsl(186,71%,15%) (previously --darklinktext) */
}
/* theme 019 (Ethical Design book theme) */
[data-colour-theme='colours-019'] {
--primary-bg: 111,100%,93%; /* hsl(111,100%,93%) (previously --primary-bg) */
--primary-bg: 111,100%,93%; /* hsl(111,100%,93%) (previously --primary-bg) */
--secondary-bg: 120,66%,89%; /* hsl(120,66%,89%) (previously --secondary-bg) */
--tab-two: 146,67%,86%; /* hsl(146,67%,86%) (previously --tab-two) */
--tab-three: 155,60%,81%; /* hsl(155,60%,81%) (previously --tab-three) */
--tab-four: 162,57%,77%; /* hsl(162,57%,77%) (previously --tab-four) */
--tab-five: 166,54%,72%; /* hsl(166,54%,72%) (previously --tab-five) */
--tab-six: 170,53%,68%; /* hsl(170,53%,68%) (previously --tab-six) */
--tab-seven: 173,56%,37%; /* hsl(173,56%,37%) (previously --brilliant) */
--tab-eight: 173,56%,37%; /* hsl(173,56%,37%) (previously --brilliant) */
--brilliant: 173,56%,37%; /* hsl(173,56%,37%) (previously --brilliant) */
--text: 197,100%,23%; /* hsl(197,100%,23%) (previously --text) */
--text: 197,100%,23%; /* hsl(197,100%,23%) (previously --text) */
--linktext: 196,100%,20%; /* hsl(196,100%,20%) (previously --linktext) */
--darklinktext: 231,37%,11%; /* hsl(231,37%,11%) (previously --darklinktext) */
}
/* theme 020 (RSS theme) */
[data-colour-theme='colours-020'] {
--primary-bg: 191,100%,90%; /* hsl(191,100%,90%) (previously --primary-bg) */
--primary-bg: 191,100%,90%; /* hsl(191,100%,90%) (previously --primary-bg) */
--secondary-bg: 192,69%,81%; /* hsl(192,69%,81%) (previously --secondary-bg) */
--tab-two: 156,29%,86%; /* hsl(156,29%,86%) (previously --tab-two) */
--tab-three: 55,25%,80%; /* hsl(55,25%,80%) (previously --tab-three) */
--tab-four: 36,52%,75%; /* hsl(36,52%,75%) (previously --tab-four) */
--tab-five: 33,68%,70%; /* hsl(33,68%,70%) (previously --tab-five) */
--tab-six: 30,81%,65%; /* hsl(30,81%,65%) (previously --tab-six) */
--tab-seven: 28,90%,60%; /* hsl(28,90%,60%) (previously --brilliant) */
--tab-eight: 28,90%,60%; /* hsl(28,90%,60%) (previously --brilliant) */
--brilliant: 28,90%,60%; /* hsl(28,90%,60%) (previously --brilliant) */
--text: 4,61%,34%; /* hsl(4,61%,34%) (previously --text) */
--text: 4,61%,34%; /* hsl(4,61%,34%) (previously --text) */
--linktext: 21,85%,35%; /* hsl(21,85%,35%) (previously --linktext) */
--darklinktext: 14,37%,11%; /* hsl(14,37%,11%) (previously --darklinktext) */
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment