Changing the theme of the calculator

[Arsenic-ATG]

current theme of calculator is pretty basic, it would be amazing to have different themes of the same.

if anyone have any ideas regarding the same then they can discuss it here.

ideas may include changes in :-

1. layout
2. colour pallet
3. overall design

[IshuSingh1]

The buttons are too edgy, round edges would be nicer.

[Arsenic-ATG]

@IshuSingh1 thanks for the suggestion 😃

here is how calculator will look after the corners would be rounded👇

[vivek80801]

Add some margin between buttons if possible. Add some margin between border of calculator and buttons Buttons looks to big. reduce padding on buttons.

I did not this issue first so I had opened another issue.

[Arsenic-ATG]

Thanks @vivek80801 for the suggestion 😃

I would be working on it, or if you want to work on it then do let me know.

[Arsenic-ATG]

@ahmedellord56 changing the front end requires pure CSS skills : -

1. Set up the Qt creator and get the project configured on as instructed in README.md file

2. Go to mainwindow.ui inside the foler Forms

3. Select the area you want to alter ( for example let say you want to change the colour of a button, so click on the required button) and then search for its stylesheets and alter them accordingly.

4. Commit your changes to your fork and then open a pull request here.

If still something is left unclear regarding the project or Qt Creator then feel free to ask it here or open a new issue regarding the same.

⚠️ ScreenShots used here are taken on a system running macOS operating system, results may vary depending on the operating system you are running in your device

[vivek80801]

@ahmedellord56

there is design button on left sidebar in qt creator. you can also use that.

[SakshiZ9]

Can I contribute to the project by changing the sequence of the numbers and also adding some more buttons?

[Arsenic-ATG]

@SakshiZ9 why not, go for it.🙂 I would be waiting for your contribution

[vivek80801]

@SakshiZ9 we will love to see your contributions. If you have some questions feel free to ask. We will try to give answers as soon as possible.

[SakshiZ9]

I have made few changes and requested a pull request. Kindly let know to add any changes in the project.

[Arsenic-ATG]

@SakshiZ9 I can't see any pull request on this repository or on your fork, are you sure you pushed the commits to your remote repository after doing all the changes in your local repository. or either you have not committed those changes.

[SakshiZ9]

Okay. I tried it again, is there any pull request from my side?

[eraviral34]

Hi guys, i would like to contribute to this project is there anything where I can contribute @Arsenic-ATG
@vivek80801

[Arsenic-ATG]

Hi guys, i would like to contribute to this project is there anything where I can contribute @Arsenic-ATG @vivek80801

@eraviral34 thanks for choosing this repository to contribute, we love contributions 🙂

right now there are 3 places where you can contribute : -

1. changing the front end of the calculator
2. working on backend or adding more functionality to the calculator (like discussed in this issue ) if you want to add any other functionality then just open a new issue regarding the same.
3. contributing on documentation :- if you find any fault/typo in documentation ( readme.md, contributing.md etc) or you think there is something this you could have explained better or something then feel free to change it and send a PR for us to review and merge

[eraviral34]

I would like to work more on a backend

[Arsenic-ATG]

@eraviral34 good, then you can either work on the scientific calculator issue or open a new one regarding any functionality you wish to add

[iPraveenParihar]

@Arsenic-ATG About the theme, we can try vibrant colors for operator buttons. For example, I designed this simple CSS to show

[Arsenic-ATG]

@iPraveenParihar that looks amazing. I would look forward to adding those soon.

Or

Are you interested in doing it yourself ?

[iPraveenParihar]

@Arsenic-ATG, Not now currently working on another project. And also am not familiar with QT

[vivek80801]

@iPraveenParihar Thanks for redesigning the app. QT has GUI to do to design the app. all the code will generated by that QT itself.

@Arsenic-ATG Can I try to implement new design ?

[Arsenic-ATG]

sure @vivek80801 , go for it.

btw, you can also override the CSS manually of the calculator according to you.

[sheharyaar]

@Arsenic-ATG Can we add a dark mode to the calculator?? I am suggesting for dark mode for buttons also.

[Arsenic-ATG]

@sheharyaar sure, go ahead. If you want any help from me about the project of Qt in general then feel free to ask.

[Paiz0]

@Arsenic-ATG Hey, can I contribute to this and make a "matrix" (think green on black) styled theme?

[Arsenic-ATG]

@Arsenic-ATG Hey, can I contribute to this and make a "matrix" (think green on black) styled theme?

Sure go for it.

[Codebat-man]

• { padding: 0; margin: 5px; text-align: center; } body { background-color:blue; } .calculator { width: 350px; height: 320px; background-color: #c0c0c0; box-shadow: 0px 0px 0px 10px #666; border: 5px solid black; border-radius: 10px; } #display { width: 320px; height: 40px; text-align: right; background-color: black; border: 3px solid white; font-size: 18px; left: 2px; top: 2px; color: #7fff00; } .btnTop{ color: white; background-color: #6f6f6f; font-size: 14px; margin: auto; width: 50px; height: 25px; } .btnNum { color: white; background-color: black; font-size: 14px; margin: auto; width: 50px; height: 25px; } .btnMath { color: white; background-color: #ff4561; font-size: 14px; margin: auto; width: 50px; height: 25px; } .btnOpps { color: white; background-color: #ff9933; font-size: 14px; margin: auto; width: 50px; height: 25px; } function addChar(input, character) { if(input.value == null || input.value == "0") input.value = character else input.value += character }

function cos(form) { form.display.value = Math.cos(form.display.value); }

function sin(form) { form.display.value = Math.sin(form.display.value); }

function tan(form) { form.display.value = Math.tan(form.display.value); }

function sqrt(form) { form.display.value = Math.sqrt(form.display.value); }

function ln(form) { form.display.value = Math.log(form.display.value); }

function exp(form) { form.display.value = Math.exp(form.display.value); }

function deleteChar(input) { input.value = input.value.substring(0, input.value.length - 1) } var val = 0.0; function percent(input) { val = input.value; input.value = input.value + "%"; }

function changeSign(input) { if(input.value.substring(0, 1) == "-") input.value = input.value.substring(1, input.value.length) else input.value = "-" + input.value }

function compute(form) { //if (val !== 0.0) { // var percent = form.display.value;
// percent = pcent.substring(percent.indexOf("%")+1); // form.display.value = parseFloat(percent)/100 * val; //val = 0.0; // } else form.display.value = eval(form.display.value); }

function square(form) { form.display.value = eval(form.display.value) * eval(form.display.value) }

function checkNum(str) { for (var i = 0; i < str.length; i++) { var ch = str.charAt(i); if (ch < "0" || ch > "9") { if (ch != "/" && ch != "*" && ch != "+" && ch != "-" && ch != "." && ch != "(" && ch!= ")" && ch != "%") { alert("invalid entry!") return false } } } return true }

[thegarvitrai]

What are the demands/requirements for themes that have to be met in this project?

I'm interested to contribute here

[Arsenic-ATG]

What are the demands/requirements for themes that have to be met in this project?

I'm interested to contribute here

There aren't any specific requirements for the theme apart from the fact that it should cover all the functional buttons on the calculator, feel free to take full creative freedom with the UI.

[QDaily117]

Hey @Arsenic-ATG I am new to open source issues, and was wondering if I could help with the front end of this calculator. Maybe add a Rainbow Theme or some other theme if that one has already been accomplished.

[Arsenic-ATG]

Hey @Arsenic-ATG I am new to open source issues, and was wondering if I could help with the front end of this calculator. Maybe add a Rainbow Theme or some other theme if that one has already been accomplished.

Hi @QDaily117 (sorry for late reply) Could you please elaborate a bit about what exactly do you mean by rainbow theme ? or better send in a PR with the changes and we can check/alter the theme during review process only. 👍