Skip to content

Adding dark and other themes #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Boruch-Baum wants to merge 9 commits into
base: fpi
Choose a base branch
from
Open

Adding dark and other themes #53

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
875ba24
Extract css from cookies,menu,options html; put into dedicated files
Boruch-Baum Jan 13, 2019
b03775b
Extract css from menu,options html; put into dedicated files
Boruch-Baum Jan 13, 2019
2880ac5
Insert my dark theme for "hackerstyle.css"
Boruch-Baum Jan 13, 2019
f81ea19
Combine menu and options css files
Boruch-Baum Jan 13, 2019
24a75ca
Combine all css into a single file 'default-base-layer.css'
Boruch-Baum Jan 13, 2019
3671a32
Update javascript for using any of three skins
Boruch-Baum Jan 14, 2019
4627cdf
Update README for the 'boruch' branch
Boruch-Baum Jan 14, 2019
8759df9
Change link from org-mode format to markdown
Boruch-Baum Jan 14, 2019
81037d1
bump
Boruch-Baum Jan 14, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 29 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,31 @@
This is a fork of the https://github.com/ysard/cookie-quick-manager
git repository, awaiting an accepted pull-request, and providing the
following changes from the upstream original:

* An option for a dark theme

* Renaming the 'hacker-style' theme to plain 'green'

* Javascript for dynamic updating of the themes

* Removing hard-coded css from html files, and combining themm into an
individual theme file.

* Minor css label changes, and additions, to handle conflicts among
the css of the individual html files.

To use this repository without registering it as a Mozilla add-on:

* navigate to the `src` folder

* perform `aa="$HOME/Downloads/foo.xpi" ; rm "$aa" ; zip -r "$aa" *`

* open a firefox tab _about:debugging_

* enable debugging and load the temporary extension

Following is the README.md of the upstream version of the repository:

# Overview

Cookie Quick Manager: A complete manager for cookies accumulated during browsing.
Expand Down Expand Up @@ -75,4 +103,4 @@ The extension is still in development with the launch of Firefox Quantum; questi

# License

[GPLv3](https://github.com/ysard/cookie-quick-manager/blob/master/LICENSE").
[GPLv3](https://github.com/ysard/cookie-quick-manager/blob/master/LICENSE").
132 changes: 132 additions & 0 deletions src/black-skin.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
body {
color: white;
background:black;
}
button {
background: #303030;
}
#dynamic-tab {
background: #303030;
}
.form-control {
color: white;
background: #202020;
}
.info {
background-color: black;
}
#protected-cookie-tree .list-group-item {
background: #202020;
}
/* Following section is for menu.html */
.panel {
background: black;
color: white;
font-size: 0.6em;
min-height: 16px;
}
a, a:visited{
color: white; */
}
a:hover {
background-color: #404040;
}
/* Preceding section is for menu.html */




/* Reduce height of elements due to the augmentation of the padding
* for h2 tags
*/
#domain-list, #cookie-list {
height: calc(100% - 75px);
}
#value {
/* -41px */
height: 125px;
}
/* Customization */

* {
/* BB181218:
!important was inserted to fix context menus, with the
unfortunate result that to over-ride it, I needed to
then include !important foreverwhere else's background */
background: black !important;
color: white;
}

.list-group-item {
/*padding: 7px 17px;*/
background: black;
color: #727272;
border-color: #808080;
}
.list-group-item:first-child{
border-radius: 0;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
#search_domain_submit{
background-color: #303030;
border-color: #505050;
}
.list-group-item > .badge{
border-radius: 0;
}
.list-group-item > .badge{
background-color: #404040;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: white;
background-color: #606060;
}
.form-control {
border-radius: 0;
box-shadow: inherit;
background: black;
border-color: #e6e6e6;
}
.btn-default,
.input-group-addon,
.open > .dropdown-toggle.btn-default{ /*fix grey bg color during the click*/
border-radius: 0px;
background-color: #505050;
color: white;
border-color: #d0d0d0;
}
.btn-default:hover,
.dropup > .dropdown-toggle.btn-default:hover{ /*fix grey bg color during the click*/
background-color: #303030;
border-color: #808080;
color: white;
}
.btn-default:focus,
.open > .dropdown-toggle.btn-default:focus{
/* Add a border when buttons are focused by tab key */
border-color: #808080;
color: white;
background-color: #404040;
}
.btn-default:active:focus {
/*fix grey bg color during the click*/
background-color: #808080;
}
.glyphicon{
color: white;
}
.top-buttons .glyphicon{
top: -2px;
color: #808080;
}

@media only screen and (max-width: 768px) {
#domain-list, #cookie-list {
height: 200px; /* +50px */
}
.row .col-sm-8 {
top: 465px; /* +90px */
}
}
Loading