Skip to content

Merge PR #7 and add default reset option for icons #9

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
tmansmann0 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Merge PR #7 and add default reset option for icons #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
12f74f5
Add Genderqueer, Gay, Genderfluid and Greysexual flag
drblaui Oct 15, 2025
c808ba6
Merge PR #7: Extend Flag Selection
tmansmann0 Mar 24, 2026
2aa8e97
feat: allow resetting pride icons to default (fix #3)
tmansmann0 Mar 24, 2026
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
29 changes: 25 additions & 4 deletions js/pride.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,22 @@ const flags = [
id: 'lesbian',
colors: ['#D52D00', '#EF7627', '#FF9A56', '#FFFFFF', '#D162A4', '#B55690', '#A30262'],
transform: 'rotate(90)'
}, {
id: 'genderqueer',
colors: ['#B57EDC', '#FFFFFF', '#4A8123'],
transform: 'rotate(90)'
}, {
id: 'gay',
colors: ['#078D70', '#26CEAA', '#99E8C2', '#FFFFFF', '#7BADE3', '#5049CB', '#3E1A78'],
transform: 'rotate(90)'
}, {
id: 'genderfluid',
colors: ['#EE75A1', '#FFFFFF', '#8A4493', '#000000', '#374A99'],
transform: 'rotate(90)'
}, {
id: 'grey',
color: ['#790196', '#B0B2AF', '#FFFFFF', '#B0B2AF', '#790196'],
transform: 'rotate(90)'
}
];

Expand Down Expand Up @@ -84,13 +100,18 @@ fetch(OC.generateUrl('/apps/pride_flags/settings'))
node.id = 'pride_flag_settings';
document.head.prepend(node);
}
const isDefaultVariant = variant => !variant || variant === 'default';
const buttonStyle = isDefaultVariant(buttonVariant)
? ''
: `--image-background-pride-button: var(--image-background-pride-${buttonVariant});\n--image-background-pride-button-gradient: var(--image-background-pride-gradient-${buttonVariant});`;
const folderStyle = isDefaultVariant(folderVariant)
? ''
: `--image-background-pride-folder: var(--image-background-pride-${folderVariant});\n--image-background-pride-folder-gradient: var(--image-background-pride-gradient-${folderVariant});`;
const style_settings = document.querySelector('head > style#pride_flag_settings');
style_settings.textContent = `
body {
--image-background-pride-button: var(--image-background-pride-${buttonVariant});
--image-background-pride-folder: var(--image-background-pride-${folderVariant});
--image-background-pride-button-gradient: var(--image-background-pride-gradient-${buttonVariant});
--image-background-pride-folder-gradient: var(--image-background-pride-gradient-${folderVariant});
${buttonStyle}
${folderStyle}
}
`;
});
10 changes: 10 additions & 0 deletions templates/server-settings.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,25 +4,35 @@
<div class="server-settings folder-flavour" style="margin-left: 40px; display: flex;">
<label for="server-settings-folder-flavour-select" style="display: flex; width: 100px;">Folders</label>
<select id="server-settings-folder-flavour-select" style="display: flex; width: 200px;">
<option value='default'>Default</option>
<option value='pride'>Pride</option>
<option value='trans'>Trans Pride</option>
<option value='pan'>Pansexual Pride</option>
<option value='nonbinary'>Non-binary Pride</option>
<option value='bi'>Bisexual Pride</option>
<option value='asexual'>Asexual Pride</option>
<option value='lesbian'>Lesbian Pride</option>
<option value='genderqueer'>Genderqueer Pride</option>
<option value='gay'>Gay Pride</option>
<option value='genderfluid'>Genderfluid Pride</option>
<option value='grey'>Greysexual Pride</option>
</select>
</div>
<div class="server-settings button-flavour" style="margin-left: 40px; display: flex;">
<label for="server-settings-button-flavour-select" style="display: flex; width: 100px;">Buttons</label>
<select id="server-settings-button-flavour-select" style="display: flex; width: 200px;">
<option value='default'>Default</option>
<option value='pride'>Pride</option>
<option value='trans'>Trans Pride</option>
<option value='pan'>Pansexual Pride</option>
<option value='nonbinary'>Non-binary Pride</option>
<option value='bi'>Bisexual Pride</option>
<option value='asexual'>Asexual Pride</option>
<option value='lesbian'>Lesbian Pride</option>
<option value='genderqueer'>Genderqueer Pride</option>
<option value='gay'>Gay Pride</option>
<option value='genderfluid'>Genderfluid Pride</option>
<option value='grey'>Greysexual Pride</option>
</select>
</div>
<button class="settings-pride-submit button primary" style="margin-left: 40px; display: flex; width: 80px; text-align: center;">Save</button>
Expand Down
10 changes: 10 additions & 0 deletions templates/settings.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,25 +7,35 @@
<div class="user-settings folder-flavour" style="margin-left: 40px; display: flex;">
<label for="user-settings-folder-flavour-select" style="display: flex; width: 100px;">Folders</label>
<select id="user-settings-folder-flavour-select" style="display: flex; width: 200px;">
<option value='default'>Default</option>
<option value='pride'>Pride</option>
<option value='trans'>Trans Pride</option>
<option value='pan'>Pansexual Pride</option>
<option value='nonbinary'>Non-binary Pride</option>
<option value='bi'>Bisexual Pride</option>
<option value='asexual'>Asexual Pride</option>
<option value='lesbian'>Lesbian Pride</option>
<option value='genderqueer'>Genderqueer Pride</option>
<option value='gay'>Gay Pride</option>
<option value='genderfluid'>Genderfluid Pride</option>
<option value='grey'>Greysexual Pride</option>
</select>
</div>
<div class="user-settings button-flavour" style="margin-left: 40px; display: flex;">
<label for="user-settings-button-flavour-select" style="display: flex; width: 100px;">Buttons</label>
<select id="user-settings-button-flavour-select" style="display: flex; width: 200px;">
<option value='default'>Default</option>
<option value='pride'>Pride</option>
<option value='trans'>Trans Pride</option>
<option value='pan'>Pansexual Pride</option>
<option value='nonbinary'>Non-binary Pride</option>
<option value='bi'>Bisexual Pride</option>
<option value='asexual'>Asexual Pride</option>
<option value='lesbian'>Lesbian Pride</option>
<option value='genderqueer'>Genderqueer Pride</option>
<option value='gay'>Gay Pride</option>
<option value='genderfluid'>Genderfluid Pride</option>
<option value='grey'>Greysexual Pride</option>
</select>
</div>
<button class="settings-pride-submit button primary" style="margin-left: 40px; display: flex; width: 80px; text-align: center;">Save</button>
Expand Down